一名合格的web前端工程師必須得掌握HTML、CSS和JavaScript。

只懂其中一個(gè)或兩個(gè)還不行，你必須對(duì)這三門(mén)語(yǔ)言都很熟悉。

也不是說(shuō)必須對(duì)這三門(mén)語(yǔ)言都非常精通，但你至少要能夠運(yùn)用它們完成大多數(shù)任務(wù)，而無(wú)需地頻繁地尋求別人的幫助。

今天給大家分享一些web前端工程師要掌握的基礎(chǔ)知識(shí)和技能：

1網(wǎng)頁(yè)的基本結(jié)構(gòu)(HTML、CSS)

HTML是一種標(biāo)記語(yǔ)言，而不是編程語(yǔ)言，最基本是標(biāo)簽是和，CSS是用來(lái)定義如何顯示HTML元素的。

對(duì)HTML+CSS很容易入門(mén)，但很多人不夠深入，舉幾個(gè)例子：

標(biāo)簽是作什么用的?

margin-left與left有什么區(qū)別，應(yīng)該在什么情況下使用?

再出個(gè)DIV+CSS布局問(wèn)題：一個(gè)寬度不確定的DIV里面放三個(gè)水平對(duì)齊的DIV，左右兩個(gè)DIV寬度固定為150px，中間那個(gè)DIV充滿剩余的寬度。

如果這些問(wèn)題你目前還不知道，對(duì)那個(gè)布局問(wèn)題幾分鐘內(nèi)不能解決，說(shuō)明你對(duì)HTML+CSS還不夠深入。

2瀏覽器是怎么展現(xiàn)網(wǎng)頁(yè)的

不同內(nèi)核的瀏覽器對(duì)網(wǎng)頁(yè)的渲染是不一樣的，目前瀏覽器都有客戶端調(diào)試工具，在做web性能優(yōu)化時(shí)，對(duì)瀏覽器渲染及細(xì)節(jié)要進(jìn)一步了解。

說(shuō)個(gè)比較有用的知識(shí)點(diǎn)：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會(huì)有所不同。

3網(wǎng)頁(yè)的周期

不同的web框架下，頁(yè)面的生命周期會(huì)有所不同，大體還是一樣：客戶端發(fā)送GET請(qǐng)求，服務(wù)器返回相應(yīng)頁(yè)面，客戶端完成操作及數(shù)據(jù)，然后POST給服務(wù)器。

一定要對(duì)數(shù)據(jù)的傳遞(前臺(tái)與后臺(tái),頁(yè)面之間)的細(xì)節(jié)了然于心。

我自己是一名從事了多年開(kāi)發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。

4DHTML DOM BOM JavaScript AJAX

這是Web前端開(kāi)發(fā)的重中之中，大多數(shù)時(shí)候我們都在和他們打交道。

說(shuō)幾個(gè)注意點(diǎn)：javascript是單線程編程，所謂的javascript異步編程只不過(guò)是計(jì)劃在未來(lái)的某個(gè)時(shí)間上執(zhí)行相應(yīng)事件而已;

詳細(xì)了解DOM事件機(jī)制;客戶端存儲(chǔ)(HTML5中增加了localStorage和sessionStorage);javascript不像服務(wù)器端語(yǔ)言那樣嚴(yán)謹(jǐn)，調(diào)試不是很方便，所以一開(kāi)始要養(yǎng)成嚴(yán)謹(jǐn)?shù)膉avascript編輯習(xí)慣;

javascript很強(qiáng)大很靈活，不要幻想短時(shí)間內(nèi)熟練(更別說(shuō)精通)它，并寫(xiě)些框架、類庫(kù)，初始階段還是先用熟練已成熟的框架(比如jquery)當(dāng)入門(mén);一定要熟練使用客戶端調(diào)試工具。

5服務(wù)器端語(yǔ)言開(kāi)發(fā)經(jīng)驗(yàn)，PS切圖技術(shù)

Web前端開(kāi)發(fā)介于設(shè)計(jì)與開(kāi)發(fā)中間，所以兩端的東西都得懂點(diǎn)。

編輯語(yǔ)言是相通的，之前編寫(xiě)過(guò)服務(wù)器語(yǔ)言，對(duì)學(xué)習(xí)javascript是十分有益的，從圖片轉(zhuǎn)成靜態(tài)HTML頁(yè)面，少不了PS切圖技術(shù)。

6瀏覽器的兼容性

由于歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規(guī)范，雖然瀏覽器產(chǎn)商都正在努力改進(jìn)并接近其規(guī)范，但現(xiàn)實(shí)網(wǎng)絡(luò)環(huán)境中各種內(nèi)核、各種版本的瀏覽器都有一席之地。

這也是優(yōu)秀的web前端工程師必須掌握的技術(shù)點(diǎn)。

原文鏈接：https://mp.weixin.qq.com/s?src=11×tamp=1576462698&ver=2037&signature=T2Y4nDq1tylgwbylaAYBEiwqYNuQy0BzSdRIEzkzni6P6TRkANcBxLTlxH2-OyF17RCfL5g3miOjNPYGnxlVU77bt23cefNyhkMCid8zKJkrNg9kho2tAMwR9CzKTtZK&new=1

總結(jié)

以上是生活随笔為你收集整理的网页编程从入门到精通 杨凡_干货 | web前端入门基础知识的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。