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

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

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

HTML是一種標記語言，而不是編程語言，最基本是標籤是和，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但不少人不夠深刻，舉幾個例子：標籤是做什麼用的?margin-left與left有什麼區別，應該在什麼狀況下使用?再出個DIV+CSS佈局問題：一個寬度不肯定的DIV裏面放三個水平對齊的DIV，左右兩個DIV寬度固定爲150px，中間那個DIV充滿剩餘的寬度。若是這些問題你目前還不知道，對那個佈局問題幾分鐘內不能解決，說明你對HTML+CSS還不夠深刻。

二、瀏覽器是怎麼展示網頁的

不一樣內核的瀏覽器對網頁的渲染是不同的，目前瀏覽器都有客戶端調試工具，在作Web性能優化時，對瀏覽器渲染及細節要進一步瞭解。說個比較有用的知識點：目前瀏覽器並行加載的上限是6，老版本的瀏覽器會有所不一樣。

三、網頁的週期

不一樣的Web框架下，頁面的生命週期會有所不一樣，大致仍是同樣：客戶端發送GET請求，服務器返回相應頁面，客戶端完成操做及數據，而後POST給服務器。必定要對數據的傳遞(前臺與後臺,頁面之間)的細節瞭然於心。

四、DHTML DOM BOM JavaScript AJAX

這是Web前端開發的重中之中，大多數時候咱們都在和他們打交道。說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在將來的某個時間上執行相應事件而已;詳細瞭解DOM事件機制;客戶端存儲(HTML5中增長了localStorage和sessionStorage);javascript不像服務器端語言那樣嚴謹，調試不是很方便，因此一開始要養成嚴謹的javascript編輯習慣;javascript很強大很靈活，不要幻想短期內熟練(更別說精通)它，並寫些框架、類庫，初始階段仍是先用熟練已成熟的框架(好比jquery)當入門;必定要熟練使用客戶端調試工具。

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

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

六、瀏覽器的兼容性

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