好程式設計師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 、瀏覽器的相容性

 

由於歷史原因，瀏覽器的相容性一直都折磨Web 前端工程師的地方，雖然有 W3 組織，並制定了一些規範，雖然瀏覽器產商都正在努力改進並接近其規範，但現實網路環境中各種核心、各種版本的瀏覽器都有一席之地。這也是優秀的 Web 前端工程師必須掌握的技術點。