一名合格的web前端工程師必須得掌握HTML、CSS和JavaScript。也不是說必須對(duì)這三門語言都非常精通,但你至少要能夠運(yùn)用它們完成大多數(shù)任務(wù),而無需地頻繁地尋求別人的幫助。
目前web產(chǎn)品交互越來越復(fù)雜,web前端工程師是在開發(fā)人員中最直接面向產(chǎn)品,面向用戶的設(shè)計(jì)人員,一個(gè)開發(fā)團(tuán)隊(duì)的成果是要靠web前端工程師去展現(xiàn),總之web前端工程師在整個(gè)團(tuán)隊(duì)中是很關(guān)鍵的。
Web前端工程師要掌握的基礎(chǔ)知識(shí)和技能包括:
1 、網(wǎng)頁的基本結(jié)構(gòu)(HTML + CSS)
HTML是一種標(biāo)記語言,而不是編程語言,最基本是標(biāo)簽是和,CSS是用來定義如何顯示HTML元素的。
2、網(wǎng)頁的生命周期
不同的web框架下,頁面的生命周期會(huì)有所不同,大體還是一樣:客戶端發(fā)送GET請(qǐng)求,服務(wù)器返回相應(yīng)頁面,客戶端完成操作及數(shù)據(jù),然后POST給服務(wù)器。一定要對(duì)數(shù)據(jù)的傳遞(前臺(tái)與后臺(tái),頁面之間)的細(xì)節(jié)了然于心。
3、瀏覽器是怎么展現(xiàn)網(wǎng)頁的
不同內(nèi)核的瀏覽器對(duì)網(wǎng)頁的渲染是不一樣的,目前瀏覽器都有客戶端調(diào)試工具,下圖展現(xiàn)一個(gè)google首頁在IE9下的加載細(xì)節(jié):
在做web性能優(yōu)化時(shí),對(duì)瀏覽器渲染及細(xì)節(jié)要進(jìn)一步了解。說個(gè)比較有用的知識(shí)點(diǎn):目前瀏覽器并行加載的上限是6,老版本的瀏覽器會(huì)有所不同。
4、 瀏覽器的兼容性
由于歷史原因,瀏覽器的兼容性一直都折磨web前端工程師的地方,雖然有W3組織,并制定了一些規(guī)范,雖然瀏覽器產(chǎn)商都正在努力改進(jìn)并接近其規(guī)范,但現(xiàn)實(shí)網(wǎng)絡(luò)環(huán)境中各種內(nèi)核、各種版本的瀏覽器都有一席之地。解決瀏覽器兼容性靠經(jīng)驗(yàn)積累。
優(yōu)秀的web前端工程師應(yīng)該具備快速學(xué)習(xí)能力。推動(dòng)Web發(fā)展的技術(shù)并不是靜止不動(dòng)的。如果沒有快速學(xué)習(xí)能力,你就跟不上Web發(fā)展的步伐。你必須不斷提升自己,不斷學(xué)習(xí)新技術(shù)、新模式;僅僅依靠今天的知識(shí)無法適應(yīng)未來。Web的明天與今天必將有天壤之別,而你的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化,既然踏上了web前端開發(fā)之路,那就堅(jiān)強(qiáng)地走下去吧!