Web前端開(kāi)發(fā)工程師需要掌握的核心技能

Web前端開(kāi)發(fā)所涉及的內(nèi)容主要包括W3C標(biāo)準(zhǔn)中的結(jié)構(gòu)、行為和表現(xiàn),那么這三項(xiàng)中我們需要掌握的核心技能是什么呢?
1.開(kāi)發(fā)語(yǔ)言
HTML發(fā)展歷史有二十多年,歷經(jīng)多次版本更新,HTML5和CSS3的出現(xiàn)又是一次革新。有些人認(rèn)為前端開(kāi)發(fā)要掌握的技能簡(jiǎn)單,不就是制作網(wǎng)頁(yè) 嘛,其實(shí)不然,web前端需要掌握的核心語(yǔ)言xHTML+CSS+JavaScript,JavaScript作為最難的語(yǔ)言之一,許多編程高手也不敢妄 自菲薄自封精通。由于JavaScript與html的差異性,以及靜動(dòng)態(tài)分開(kāi)處理的一些好處。在大公司編寫(xiě)靜態(tài)效果和動(dòng)態(tài)效果往往是分開(kāi)由不同的人完成 的。小公司因?yàn)樾枰獕嚎s成本,就要求每個(gè)人會(huì)的越多越好,如果您想往項(xiàng)目經(jīng)理發(fā)展,能懂一兩門(mén)后臺(tái)語(yǔ)言,絕對(duì)是錦上添花!
2.瀏覽器兼容性
互聯(lián)網(wǎng)目前主流瀏覽器有IE6\7\8\9,F(xiàn)irefox,Chrome,Opera,Safari,遨游,包括國(guó)內(nèi)主流的搜狗,騰訊 TT,360,the World等等;從內(nèi)核上講主要有IE的,遨游版IE,safari,firefox以及opera的,這些都是大家常見(jiàn)的,如果你身邊有老網(wǎng)蟲(chóng)喜歡收藏 瀏覽器,你翻翻他的硬盤(pán),相信幾十款肯定是有的(或查看前端社區(qū)http://www.w3cfuns.com中的瀏覽器大全)。每種內(nèi)核對(duì)代碼的解析是不完全一樣的,即使同樣內(nèi)核也可能存在很大差異,如IE和遨游版的IE。不說(shuō)非主流的瀏覽器,就主流的瀏覽器要做到完全兼容,也并非易事,需要長(zhǎng)時(shí)間的積累和測(cè)試,需要前端開(kāi)發(fā)工程師對(duì)前端開(kāi)發(fā)的熱愛(ài)和激情。
目前移動(dòng)互聯(lián)網(wǎng)的發(fā)展趨勢(shì)也不容小覷,將慢慢占據(jù)互聯(lián)網(wǎng)的主要份額。移動(dòng)互聯(lián)網(wǎng)最突出的好處是方便和及時(shí),試想一下,走在某地風(fēng)景很好,拍下來(lái)后自 動(dòng)分享給各路好友,因此手機(jī)上的瀏覽器兼容也看刻不容緩,現(xiàn)在手機(jī)上的瀏覽器也是紛繁復(fù)雜,主流的UCWEB,safari,IE,3G門(mén)戶的,以及 symbian低端機(jī)的“殘缺兒童”,包括國(guó)外流行手機(jī)我們不知道的一些瀏覽器,更糟糕的是這些瀏覽器解析因?yàn)槭謾C(jī)硬件的不同,每個(gè)瀏覽器得到的結(jié)果都是完全不同的。
3.hack技術(shù)
由于不同的瀏覽器對(duì)CSS的解析認(rèn)識(shí)不一樣,因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣,這個(gè)時(shí)候就需要針對(duì)不同的瀏覽器寫(xiě)不同的CSS,這個(gè)過(guò)程叫CSS hack。雖然我們寫(xiě)代碼都要求按照標(biāo)準(zhǔn),不寫(xiě)hack代碼,但實(shí)際工作中為了兼容主流瀏覽器,hack代碼是免不了的,所以這也應(yīng)該是每個(gè)前端開(kāi)發(fā)人員 必備的技能。
4.業(yè)內(nèi)標(biāo)準(zhǔn)
目前Web前端開(kāi)發(fā)中提到最多的就是W3C標(biāo)準(zhǔn),這是一系列標(biāo)準(zhǔn)的集合,代表了互聯(lián)網(wǎng)發(fā)展的方向,也代表了前端開(kāi)發(fā)的一種信仰。寫(xiě)的代碼都要100%通過(guò)標(biāo)準(zhǔn)驗(yàn)證,為通過(guò)標(biāo)準(zhǔn)驗(yàn)證而感到自豪,會(huì)有效推動(dòng)互聯(lián)網(wǎng)的快速發(fā)展。
5.開(kāi)發(fā)工具
目前比較流行的是Dreamweaver, 其曾經(jīng)風(fēng)靡一時(shí),到現(xiàn)在也沒(méi)有退出歷史舞臺(tái),證明DW還是有很大優(yōu)勢(shì)的,尤其是針對(duì)初學(xué)者,其強(qiáng)大的提示功能可以幫助我們很快的熟悉并掌握網(wǎng)頁(yè)布局,但現(xiàn) 在更提倡的是純手寫(xiě)代碼,既體現(xiàn)技能方面的卓越,也可有效避免使用DW等工具產(chǎn)生的冗余代碼。此外再掌握一些photoshop技能,即使沒(méi)有美工,也能 簡(jiǎn)單處理一些圖像。
小結(jié),掌握以上技能,可以說(shuō)你是一個(gè)合格的前端開(kāi)發(fā)人員,能夠參與到一個(gè)大的項(xiàng)目中,或者自己獨(dú)立寫(xiě)出一個(gè)網(wǎng)頁(yè)。雖然這看起來(lái)和網(wǎng)頁(yè)制作設(shè)計(jì)差不多,從效果上來(lái)看,都是制作網(wǎng)頁(yè)的,但實(shí)際上,技術(shù)上所超出的已經(jīng)是好幾個(gè)檔次的東西了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
對(duì)于網(wǎng)站W(wǎng)eb端表單的交互式設(shè)計(jì)思考
表單是前端開(kāi)發(fā)中最常實(shí)現(xiàn)的基礎(chǔ)功能之一,表單的設(shè)計(jì)對(duì)于用戶體驗(yàn)來(lái)說(shuō)非常重要,這里我們就來(lái)分享一篇攜程前端團(tuán)隊(duì)對(duì)于網(wǎng)站W(wǎng)eb端表單的交互式設(shè)計(jì)思考:2016-07-06響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04- 這篇文章主要為大家詳細(xì)介紹了HTML5本地存儲(chǔ)之Web Storage的相關(guān)資料,Web Storage如何用JSON存儲(chǔ)多個(gè)數(shù)據(jù),感興趣的小伙伴們可以參考一下2016-07-04
web網(wǎng)頁(yè)開(kāi)發(fā)面試筆試必備小知識(shí)(必看)
下面小編就為大家?guī)?lái)一篇web網(wǎng)頁(yè)開(kāi)發(fā)面試筆試必備小知識(shí)(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-14