????新電腦已經(jīng)裝好了。我不想走：”買前生產(chǎn)力，買后游戲機(jī)“前輩們的老路，所以我把電腦搬到了實(shí)驗(yàn)室，開始學(xué)習(xí)前端技術(shù)。
? ? 實(shí)驗(yàn)室是個(gè)好地方，電費(fèi)不用自己出，還有空調(diào)和千兆內(nèi)網(wǎng)，更重要的是不像圖書館——老是有人撒狗糧。為了督促我自己學(xué)習(xí)，我計(jì)劃將我每天的內(nèi)容整理，以學(xué)習(xí)日記的形式發(fā)布在互聯(lián)網(wǎng)上。今天是第一期。——2019.12.28
? ? 這些學(xué)習(xí)資料來自B站的一位前輩，鏈接：https://www.bilibili.com/read/cv3560839/?spm_id_from=333.788.b_636f6d6d656e74.140
? ? 首先最基礎(chǔ)的HTML技術(shù)，估計(jì)我要學(xué)一個(gè)多月......
? ?第一節(jié) 軟件架構(gòu)：
????現(xiàn)在我們我們所用的軟件分為兩種架構(gòu)——C/S（Client/Server）和B/S（Browsher/Server),C/S架構(gòu)是我們比較常用的一種。C表示客戶端,用戶通過客戶端使用軟件,S表示服務(wù)器，負(fù)責(zé)對(duì)用戶上傳數(shù)據(jù)邏輯處理。
?????特點(diǎn)：1.軟件使用前必須安裝客戶端；2.軟件更新時(shí)，服務(wù)器要與客戶端同時(shí)更新；3.無法跨平臺(tái)使用；4.服務(wù)器與客戶端通信采用自有協(xié)議，安全性較高。
????B/S架構(gòu)中，B表示瀏覽器，B/S本質(zhì)上也是C/S，只不過B/S架構(gòu)師用瀏覽器做客戶端，通過網(wǎng)頁形式使用軟件。
????特點(diǎn)：1.軟件更新時(shí)，客戶端不用更新。2.軟件無需安裝，使用瀏覽器訪問；3.可跨平臺(tái)訪問；4.瀏覽器與服務(wù)器之間采用公開的HTTP協(xié)議，安全性較低。但現(xiàn)在有一種https允許在HTTP協(xié)議基礎(chǔ)上使用自有協(xié)議，保證安全性。
????前端工程師將設(shè)計(jì)師的設(shè)計(jì)轉(zhuǎn)化為代碼，然后交給后端工程師，由他們編寫服務(wù)器代碼。我們需要與設(shè)計(jì)師溝通，需要與產(chǎn)品經(jīng)理溝通，與后臺(tái)工程師溝通。我們編寫的網(wǎng)頁會(huì)在整個(gè)項(xiàng)目的最前端由用戶查看。
????前端并不簡(jiǎn)單好學(xué)，入門比較簡(jiǎn)單，所學(xué)知識(shí)體量較大。選擇做程序員就要不斷學(xué)習(xí)，不斷吸取知識(shí)。?
? ? 第二節(jié) 學(xué)習(xí)內(nèi)容：
????結(jié)構(gòu)（基石）：HTML用于描述頁面的結(jié)構(gòu)；（純文本結(jié)構(gòu)）
????表現(xiàn)（美化）：CSS用于控制頁面中元素的樣式；（如字體顏色，大小等）
????行為（交互）：JavaScript用于相應(yīng)用戶操作。（鍵盤輸入，輸出等）
學(xué)習(xí)工具：瀏覽器：Firefox，edge，Chrome；編輯器：記事本，NotePad++，HBuilder ；調(diào)試工具：fireBug?圖片工具：PS
常識(shí)：W3C?萬維網(wǎng)聯(lián)盟（World?Wid?Web?Consortium）為制定網(wǎng)頁相關(guān)標(biāo)準(zhǔn)而成立。
第三節(jié)+第四節(jié)：
HTML（Hypertext?Markup?Language）超文本標(biāo)記語言
超文本指的是超鏈接，使用超鏈接可以讓我們從一頁面跳轉(zhuǎn)到另一個(gè)頁面；
記事本只能對(duì)純文本（單純符號(hào)和文字）進(jìn)行編輯，不能實(shí)際改變字體屬性；對(duì)文本類型文件，可以通過更改擴(kuò)展名來聲明文本類型（注：win7以前只支持三位擴(kuò)展名）。
HTML中標(biāo)簽成對(duì)出現(xiàn)，有開始便有結(jié)束。如一級(jí)標(biāo)題"<h1>中間輸入內(nèi)容</h1>"
網(wǎng)頁標(biāo)準(zhǔn)格式:
<html>? ?<!-- 根標(biāo)簽?所有內(nèi)容應(yīng)寫進(jìn)HTML標(biāo)簽當(dāng)中-->
? ? <head><!-- 頭標(biāo)簽，不會(huì)在網(wǎng)頁當(dāng)中直接顯示，幫助瀏覽器解析頁面-->
? ? ? ? ? ? ? ? <title>網(wǎng)頁標(biāo)題 </title><!--?標(biāo)題標(biāo)簽 ，會(huì)顯示在瀏覽器的標(biāo)題欄中，搜索引擎在檢索頁面時(shí)，會(huì)首先檢索title標(biāo)簽中的內(nèi)容，影響優(yōu)先級(jí)-->
????</head>
????<body>< !--?主體標(biāo)簽 -->
? ? ? ? ? ? <h1>我的第一個(gè)網(wǎng)頁</h1> <!-- 一級(jí)標(biāo)題,可到h6 -->
????</body>
</html>
