好程式員web前端教程分享web前端入門基礎知識

　　好程式員web前端教程分享web前端入門基礎知識，作為合格的Web前端工程師必須得掌握HTML、CSS和JavaScript。隻懂其中一兩個還不行，必須對這三門語言都要熟悉。下面我們一起來看一看吧！

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給伺服器。一定要對資料的傳遞(前台與背景,頁面之間)的細節了然于心。

4、DHTML DOM BOM JavaScript AJAX

這是Web前端開發的重中之中，大多數時候我們都在和他們打交道。說幾個注意點：javascript是單線程程式設計，所謂的javascript異步程式設計隻不過是計劃在未來的某個時間上執行相應事件而已;詳細了解DOM事件機制;用戶端存儲(HTML5中增加了localStorage和sessionStorage);javascript不像伺服器端語言那樣嚴謹，調試不是很友善，是以一開始要養成嚴謹的javascript編輯習慣;javascript很強大很靈活，不要幻想短時間内熟練(更别說精通)它，并寫些架構、類庫，初始階段還是先用熟練已成熟的架構(比如jquery)當入門;一定要熟練使用用戶端調試工具。

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

Web前端開發介于設計與開發中間，是以兩端的東西都得懂點。編輯語言是相通的，之前編寫過伺服器語言，對學習javascript是十分有益的，從圖檔轉成靜态HTML頁面，少不了PS切圖技術。

6、浏覽器的相容性