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

只懂其中一個或兩個還不行，你必須對這三門語言都很熟悉。

也不是說必須對這三門語言都非常精通，但你至少要能夠運用它們完成大多數任務，而無需地頻繁地尋求別人的幫助。

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

1網頁的基本結構(HTML、CSS)

HTML是一種標記語言，而不是編程語言，最基本是標簽是和，CSS是用來定義如何顯示HTML元素的。

對HTML+CSS很容易入門，但很多人不夠深入，舉幾個例子：

標簽是作什么用的?

margin-left與left有什么區別，應該在什么情況下使用?

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

如果這些問題你目前還不知道，對那個布局問題幾分鐘內不能解決，說明你對HTML+CSS還不夠深入。

2瀏覽器是怎么展現網頁的

不同內核的瀏覽器對網頁的渲染是不一樣的，目前瀏覽器都有客戶端調試工具，在做web性能優化時，對瀏覽器渲染及細節要進一步了解。

說個比較有用的知識點：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會有所不同。

3網頁的周期

不同的web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發送GET請求，服務器返回相應頁面，客戶端完成操作及數據，然后POST給服務器。

一定要對數據的傳遞(前臺與后臺,頁面之間)的細節了然于心。

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

4DHTML DOM BOM JavaScript AJAX

這是Web前端開發的重中之中，大多數時候我們都在和他們打交道。

說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執行相應事件而已;

詳細了解DOM事件機制;客戶端存儲(HTML5中增加了localStorage和sessionStorage);javascript不像服務器端語言那樣嚴謹，調試不是很方便，所以一開始要養成嚴謹的javascript編輯習慣;

javascript很強大很靈活，不要幻想短時間內熟練(更別說精通)它，并寫些框架、類庫，初始階段還是先用熟練已成熟的框架(比如jquery)當入門;一定要熟練使用客戶端調試工具。

5服務器端語言開發經驗，PS切圖技術

Web前端開發介于設計與開發中間，所以兩端的東西都得懂點。

編輯語言是相通的，之前編寫過服務器語言，對學習javascript是十分有益的，從圖片轉成靜態HTML頁面，少不了PS切圖技術。

6瀏覽器的兼容性

由于歷史原因，瀏覽器的兼容性一直都折磨web前端工程師的地方，雖然有W3組織，并制定了一些規范，雖然瀏覽器產商都正在努力改進并接近其規范，但現實網絡環境中各種內核、各種版本的瀏覽器都有一席之地。

這也是優秀的web前端工程師必須掌握的技術點。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。