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

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

?

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

?

HTML是一種標記語言，而不是編程語言，最基本是標簽是和，CSS是用來定義如何顯示HTML元素的。對HTML+CSS很容易入門，但很多人不夠深入，舉幾個例子：標簽是作什么用的?margin-left與left有什么區(qū)別，應(yīng)該在什么情況下使用?再出個DIV+CSS布局問題：一個寬度不確定的DIV里面放三個水平對齊的DIV，左右兩個DIV寬度固定為150px，中間那個DIV充滿剩余的寬度。如果這些問題你目前還不知道，對那個布局問題幾分鐘內(nèi)不能解決，說明你對HTML+CSS還不夠深入。

?

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

?

不同內(nèi)核的瀏覽器對網(wǎng)頁的渲染是不一樣的，目前瀏覽器都有客戶端調(diào)試工具，在做Web性能優(yōu)化時，對瀏覽器渲染及細節(jié)要進一步了解。說個比較有用的知識點：目前瀏覽器并行加載的上限是6，老版本的瀏覽器會有所不同。

?

3、網(wǎng)頁的周期

?

不同的Web框架下，頁面的生命周期會有所不同，大體還是一樣：客戶端發(fā)送GET請求，服務(wù)器返回相應(yīng)頁面，客戶端完成操作及數(shù)據(jù)，然后POST給服務(wù)器。一定要對數(shù)據(jù)的傳遞(前臺與后臺,頁面之間)的細節(jié)了然于心。

?

4、DHTML DOM BOM JavaScript AJAX

?

這是Web前端開發(fā)的重中之中，大多數(shù)時候我們都在和他們打交道。說幾個注意點：javascript是單線程編程，所謂的javascript異步編程只不過是計劃在未來的某個時間上執(zhí)行相應(yīng)事件而已;詳細了解DOM事件機制;客戶端存儲(HTML5中增加了localStorage和sessionStorage);javascript不像服務(wù)器端語言那樣嚴謹，調(diào)試不是很方便，所以一開始要養(yǎng)成嚴謹?shù)?/span>javascript編輯習(xí)慣;javascript很強大很靈活，不要幻想短時間內(nèi)熟練(更別說精通)它，并寫些框架、類庫，初始階段還是先用熟練已成熟的框架(比如jquery)當入門;一定要熟練使用客戶端調(diào)試工具。

?

5、服務(wù)器端語言開發(fā)經(jīng)驗，PS切圖技術(shù)

?

Web前端開發(fā)介于設(shè)計與開發(fā)中間，所以兩端的東西都得懂點。編輯語言是相通的，之前編寫過服務(wù)器語言，對學(xué)習(xí)javascript是十分有益的，從圖片轉(zhuǎn)成靜態(tài)HTML頁面，少不了PS切圖技術(shù)。

?

6、瀏覽器的兼容性

?

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

?