web前端開(kāi)發(fā)崗位職責(zé)說(shuō)明書(shū)(共6篇)

web前端開(kāi)發(fā)崗位職責(zé)說(shuō)明書(shū)（共6篇）

web前端開(kāi)發(fā)崗位職責(zé)1、前端開(kāi)發(fā)工程師崗位職責(zé)1、根據(jù)工作安排高效、高質(zhì)地完成代碼編寫(xiě)，確保符合規(guī)范的前端代碼規(guī)范；2、負(fù)責(zé)公司現(xiàn)有項(xiàng)目和新項(xiàng)目的前端修改調(diào)試和開(kāi)發(fā)工作；3、與設(shè)計(jì)團(tuán)隊(duì)緊密配合，能夠?qū)崿F(xiàn)實(shí)現(xiàn)設(shè)計(jì)師的設(shè)計(jì)想法；4、與后端開(kāi)發(fā)團(tuán)隊(duì)緊密配合，確保代碼有效對(duì)接，優(yōu)化網(wǎng)站前端性能；5、頁(yè)面通過(guò)標(biāo)準(zhǔn)校驗(yàn)，兼容各主流瀏覽器。2、WEB前端開(kāi)發(fā)工程師的崗位職責(zé)崗位職責(zé)：1、協(xié)助系統(tǒng)架構(gòu)設(shè)計(jì)師進(jìn)行系統(tǒng)架構(gòu)設(shè)計(jì)工作；2、承擔(dān)WEB前端核心模塊的設(shè)計(jì)、實(shí)現(xiàn)工作；3、承擔(dān)主要開(kāi)發(fā)工作，對(duì)代碼質(zhì)量及進(jìn)度負(fù)責(zé)；4、參與進(jìn)行關(guān)鍵技術(shù)驗(yàn)證以及技術(shù)選型工作；5、和產(chǎn)品經(jīng)理溝通并確定產(chǎn)品開(kāi)發(fā)需求。3、web前端開(kāi)發(fā)的崗位職責(zé)在以前可能大部分的人都沒(méi)有聽(tīng)過(guò)什么web前端，最多的就是網(wǎng)頁(yè)設(shè)計(jì)或者語(yǔ)言開(kāi)發(fā)?，F(xiàn)在幾乎所有的網(wǎng)絡(luò)公司都有web前端的職位，甚至沒(méi)有web前端都不好意思說(shuō)自己是網(wǎng)絡(luò)技術(shù)公司。那么現(xiàn)在學(xué)習(xí)web前端火不火呢？Web前端在公司主要是做什么呢？先說(shuō)說(shuō)前端技術(shù)和后端技術(shù)的區(qū)別：用互聯(lián)網(wǎng)來(lái)做比喻,凡是通過(guò)瀏覽器到用戶(hù)端計(jì)算機(jī)的統(tǒng)稱(chēng)為前端技術(shù).相反存貯于服務(wù)器端的統(tǒng)稱(chēng)為后端技術(shù)。前端技術(shù)包括JavaScript、ActionScript、CSS、xHTML等“傳統(tǒng)”技術(shù)與AdobeAIR、GoogleGears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺(jué)設(shè)計(jì)等等.前端開(kāi)發(fā)工程師（或者說(shuō)“網(wǎng)頁(yè)制作”、“網(wǎng)頁(yè)制作工程師”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”），這樣的一個(gè)職位的主要職責(zé)是與交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作。同時(shí)，在此基礎(chǔ)之上，對(duì)完成的頁(yè)面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外，一名合格的前端開(kāi)發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺(jué)協(xié)作。以上可以看出，要成為一名合格的前端開(kāi)發(fā)人員，需要掌握的技術(shù)是非常多的，web前端的崗位也是非常具有挑戰(zhàn)性的，因此想要加入web前端的人員，選擇專(zhuān)業(yè)的學(xué)習(xí)機(jī)構(gòu)是很必要的，筆者知道的北京八維教育有web前端課程。4、web開(kāi)發(fā)崗位職責(zé)1.負(fù)責(zé)網(wǎng)站前后臺(tái)的修改和升級(jí)，根據(jù)網(wǎng)站業(yè)務(wù)需要開(kāi)發(fā)，制作和程序修改。2.參與制定網(wǎng)站研發(fā)方案以及，升級(jí)方案。3.參與網(wǎng)站研發(fā)，按照要求按時(shí)按質(zhì)按量的完成網(wǎng)站編程開(kāi)發(fā)技術(shù)工作。4.負(fù)責(zé)網(wǎng)站上線(xiàn)前的測(cè)試。5.負(fù)責(zé)對(duì)網(wǎng)站軟硬件設(shè)施進(jìn)行安全和穩(wěn)定性巡檢；并負(fù)責(zé)統(tǒng)計(jì)和監(jiān)視系統(tǒng)日志。6.協(xié)助公司各部門(mén)，滿(mǎn)足和協(xié)調(diào)公司各相關(guān)部門(mén)提出的網(wǎng)站技術(shù)需求。7.負(fù)責(zé)網(wǎng)站日常運(yùn)行的技術(shù)維護(hù)工作，對(duì)出現(xiàn)的問(wèn)題積極有效的進(jìn)行處理。web前端開(kāi)發(fā)的崗位職責(zé)在以前可能大部分的人都沒(méi)有聽(tīng)過(guò)什么web前端，最多的就是網(wǎng)頁(yè)設(shè)計(jì)或者語(yǔ)言開(kāi)發(fā)。現(xiàn)在幾乎所有的網(wǎng)絡(luò)公司都有web前端的職位，甚至沒(méi)有web前端都不好意思說(shuō)自己是網(wǎng)絡(luò)技術(shù)公司。那么現(xiàn)在學(xué)習(xí)web前端火不火呢？Web前端在公司主要是做什么呢？先說(shuō)說(shuō)前端技術(shù)和后端技術(shù)的區(qū)別：用互聯(lián)網(wǎng)來(lái)做比喻,凡是通過(guò)瀏覽器到用戶(hù)端計(jì)算機(jī)的統(tǒng)稱(chēng)為前端技術(shù).相反存貯于服務(wù)器端的統(tǒng)稱(chēng)為后端技術(shù)。前端技術(shù)包括JavaScript、ActionScript、CSS、xHTML等“傳統(tǒng)”技術(shù)與AdobeAIR、GoogleGears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺(jué)設(shè)計(jì)等等.前端開(kāi)發(fā)工程師（或者說(shuō)“網(wǎng)頁(yè)制作”、“網(wǎng)頁(yè)制作工程師”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”），這樣的一個(gè)職位的主要職責(zé)是與交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作。同時(shí)，在此基礎(chǔ)之上，對(duì)完成的頁(yè)面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外，一名合格的前端開(kāi)發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺(jué)協(xié)作。以上可以看出，要成為一名合格的前端開(kāi)發(fā)人員，需要掌握的技術(shù)是非常多的，web前端的崗位也是非常具有挑戰(zhàn)性的，因此想要加入web前端的人員，選擇專(zhuān)業(yè)的學(xué)習(xí)機(jī)構(gòu)是很必要的，筆者知道的北京八維教育有web前端課程。崗位說(shuō)明書(shū)系列編號(hào)：FS-ZD-04017web前端開(kāi)發(fā)人員崗位職責(zé)webfront-enddeveloperjobresponsibilities說(shuō)明：為規(guī)劃化、統(tǒng)一化進(jìn)行崗位管理，使崗位管理人員有章可循，提高工作效率與明確責(zé)任制，特此編寫(xiě)。web前端開(kāi)發(fā)人員1.本科及以上學(xué)歷，計(jì)算機(jī)相關(guān)專(zhuān)業(yè)2.5年以上網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)，3年以上的響應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)3.HTML5、CSS3、JavaScript的專(zhuān)業(yè)經(jīng)驗(yàn)。前端框架的專(zhuān)業(yè)經(jīng)驗(yàn)，如Bootstrap，VueJS4.有電商、小程序項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)者優(yōu)先1.本科及以上學(xué)歷，計(jì)算機(jī)相關(guān)專(zhuān)業(yè)2.5年以上網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)，3年以上的響應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)請(qǐng)輸入您的公司名字FonshionDesignCo.,Ltd第1頁(yè)/共1頁(yè)崗位職責(zé)：1、協(xié)助系統(tǒng)架構(gòu)設(shè)計(jì)師進(jìn)行系統(tǒng)架構(gòu)設(shè)計(jì)工作；2、承擔(dān)web前端核心模塊的設(shè)計(jì)、實(shí)現(xiàn)工作；3、承擔(dān)主要開(kāi)發(fā)工作，對(duì)代碼質(zhì)量及進(jìn)度負(fù)責(zé)；4、參與進(jìn)行關(guān)鍵技術(shù)驗(yàn)證以及技術(shù)選型工作；5、和產(chǎn)品經(jīng)理溝通并確定產(chǎn)品開(kāi)發(fā)需求。Web前端開(kāi)發(fā)_Tip理論篇WEB標(biāo)準(zhǔn)WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對(duì)象模型（如W3CDOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA（EuropeanComputerManufacturersAociation）的ECMAScript標(biāo)準(zhǔn)。至于僅僅為了行高、間距、一個(gè)修飾圖片而增加額外的div，我想隨著對(duì)CSS的應(yīng)用和理解，你很快就可以省略掉這些。我們反對(duì)用DIV的嵌套取代table的嵌套，這沒(méi)有任何意義，不能體現(xiàn)內(nèi)容的結(jié)構(gòu)化。希望大家多研究CSS，寫(xiě)出最簡(jiǎn)練，最有效的樣式表。4.不要因?yàn)橐稽c(diǎn)挫折就輕言放棄我想這是一個(gè)態(tài)度和處事方法問(wèn)題，這不僅僅針對(duì)學(xué)習(xí)web標(biāo)準(zhǔn)。學(xué)習(xí)任何新知識(shí)，接受新概念，都有困難，特別是需要你改變?cè)瓉?lái)已有的習(xí)慣和思維時(shí)。唯一的問(wèn)題就是：你認(rèn)為學(xué)習(xí)web標(biāo)準(zhǔn)是否值得？你可以問(wèn)問(wèn)自己：你是否認(rèn)可web標(biāo)準(zhǔn)帶來(lái)的這些好處(簡(jiǎn)化代碼、加速開(kāi)發(fā)、壓縮文件尺寸、提高下載速度、更好的易用性、獲得更多用戶(hù)、更易于維護(hù)、多平臺(tái)兼容)？你是否覺(jué)得世界通用的XML離你還很遠(yuǎn)？你是否認(rèn)為現(xiàn)在掌握的HTML知識(shí)就已經(jīng)足夠了？自從99年以后，網(wǎng)頁(yè)制作技術(shù)在國(guó)內(nèi)就沒(méi)有怎么進(jìn)步和變革過(guò)(除了flash的興起)，而在國(guó)外前進(jìn)的腳步就一直沒(méi)有停止過(guò)，xhtml1.0、xhtml1.1、xml、xsl...，W3C和各大軟件公司都在不斷的研究和推進(jìn)web技術(shù)，使它更方便、更有效、更強(qiáng)大。web標(biāo)準(zhǔn)的應(yīng)用和推廣國(guó)外已經(jīng)開(kāi)展了八年多(以zeldman的web標(biāo)準(zhǔn)組織網(wǎng)站為起點(diǎn))，雖然困難重重，但正在逐步被人們接受和認(rèn)可。為什么我們依然陶醉在網(wǎng)站表面的“繁華”上，不去思考頁(yè)面背后本質(zhì)的東西。比較AS2.0和AS3.0在面向?qū)ο蠓矫娴漠愅?.定義ActionScript2.0：實(shí)際上是as1.0的升級(jí)版，首次將OOP（ObjectOrientedProgramming，面向?qū)ο蟮某绦蛟O(shè)計(jì)）引入Flash，但并不是完全面向?qū)ο蟮恼Z(yǔ)言，只是在編譯過(guò)程中支持OOP語(yǔ)法。ActionScript3.0：是一個(gè)完全基本OOP的標(biāo)準(zhǔn)化面向?qū)ο笳Z(yǔ)言，最重要的就是as3.0不是as2.0的簡(jiǎn)單升級(jí)，而完全是兩種思想的語(yǔ)言。可以說(shuō)，as3.0全面采用了面向?qū)ο蟮乃枷?，而as2.0則仍然停留在面向過(guò)程階段，舉個(gè)例子，就像VB和C#的感覺(jué)。在as3.0里，可以看到j(luò)ava和c#的影子，確實(shí)，這三種語(yǔ)言大部分思想都是一致的，只有一些小的區(qū)別，比如as3.0引入了命名空間的概念，但是不支持比如委托,在包封裝及外部訪(fǎng)問(wèn)上也引入了一些新概念。2.發(fā)展過(guò)程一、ActionScript1.0最簡(jiǎn)單、最靈活、比較容易理解。既可以用原始的方式一個(gè)個(gè)地創(chuàng)建影片、設(shè)置對(duì)象的事件處理函數(shù)，等等。早期的flash3中的ActionScript1.0語(yǔ)法冗長(zhǎng)，主要的應(yīng)用是圍繞著幀的導(dǎo)航和鼠標(biāo)的交互.這種狀況一直保持到flash5。到flash5版本時(shí)ActionScript已經(jīng)很象JavaScript了。它提供了很強(qiáng)的功能和為變量的傳輸提供了點(diǎn)語(yǔ)法。ActionScript同時(shí)也變成了一種prototyped（原型）語(yǔ)言，允許類(lèi)似于在javscript中的簡(jiǎn)單的oop功能。這些在隨后的flashmx(6)版本中得到的增強(qiáng)。二、ActionScript2.0則相對(duì)比較規(guī)范，是1.0的升級(jí)版。首次將OOP引入FLASH。FlashMX2004(7)引入了ActionScript2.0,它帶來(lái)了兩大改進(jìn)：變量的類(lèi)型檢測(cè)和新的cla類(lèi)語(yǔ)法。ActionScript2.0的變量類(lèi)型會(huì)在編譯時(shí)執(zhí)行強(qiáng)制類(lèi)型檢測(cè)。它意味著當(dāng)你在發(fā)布或是編譯你的影片時(shí)任何指定了類(lèi)型的變量都會(huì)從眾多的代碼中剝離出來(lái)，檢查是否與你現(xiàn)有的代碼存在矛盾沖突。如果在編譯過(guò)程中沒(méi)有發(fā)現(xiàn)沖突，那么你的swf將會(huì)被創(chuàng)建，沒(méi)有任何不可理解變量類(lèi)型的代碼將會(huì)運(yùn)行。盡管這個(gè)功能對(duì)于flashplayer的回放來(lái)說(shuō)沒(méi)有什么好處，但對(duì)于flash創(chuàng)作人員來(lái)它是一個(gè)非常的好工具，可以幫助調(diào)試更大更復(fù)雜的程序。在A(yíng)ctionScript2.0中的新的cla類(lèi)語(yǔ)法用來(lái)在A(yíng)ctionSctipt2.0中定義類(lèi)。它類(lèi)似于Java語(yǔ)言中的定義。盡管Flash仍不能超越它自身的原型來(lái)提供真正的cla類(lèi)，但新的語(yǔ)法提供了一種非常熟悉的風(fēng)格來(lái)幫助用戶(hù)從其它語(yǔ)言上遷移過(guò)來(lái)，提供了更多的方法來(lái)組織分離出來(lái)As文件和包。接下來(lái)我們進(jìn)入到flashCS3(9;在flash8中沒(méi)有發(fā)生多大的變化)ActionScript3.這里我們不光有一個(gè)帶有新的版本號(hào)的ActionScirpt語(yǔ)言，還有一個(gè)全新的虛擬機(jī)即—FlashPlayer在回放時(shí)執(zhí)行ActionScript的底層軟件。ActionScript1.0和ActionScript2.0都使用是AVM1(ActionScript虛擬機(jī)1),因此它們?cè)谛枰胤艜r(shí)本質(zhì)上是一樣的，記得我們?cè)贏(yíng)ctionScript2上說(shuō)過(guò)它增加了強(qiáng)制變量類(lèi)型和新的類(lèi)語(yǔ)法，它實(shí)際上在最終編譯時(shí)變成了ActionScript1，而ActionScript3.0運(yùn)行在A(yíng)VM2上，一種新的專(zhuān)門(mén)針對(duì)ActionScirpt3代碼的虛擬機(jī)。基于上面的原因，ActionScript3.0影片不能直接與ActionScript1和ActionScript2影片直接通訊(ActionScript1和ActionScript2的影片可以直接通訊，因?yàn)樗麄兪褂玫氖窍嗤奶摂M機(jī)；如果要ActionScirpt3影片與ActionScirpt1.0和ActionScript2.0的影片通訊，只能通過(guò)localconnection),但是你會(huì)發(fā)現(xiàn)ActionScript3.0的改變更深遠(yuǎn)更有意義。3.flashas2.0與as3.0的本質(zhì)區(qū)別一、虛擬機(jī)在編譯階段，as2采用的是AVM1（actionScriptvitualmachine），而as3采用的是AVM2。新一代虛擬機(jī)采用了OOP思想，在執(zhí)行速度上比起avm1也快了10倍。還提供了異常處理。以前我們?cè)谑褂肁S2時(shí)，一旦出錯(cuò)，AVM1選擇的是靜默失敗，讓人根本不知道什么地方出錯(cuò)了，會(huì)浪費(fèi)大量的時(shí)間去查錯(cuò)，而AVM2與目前主流的編譯器一樣，會(huì)有異常處理，運(yùn)行出錯(cuò)會(huì)輸出錯(cuò)誤提示，工作效率大大提高。如果做個(gè)對(duì)比，我想說(shuō)，AVM1就是大刀長(zhǎng)矛，而AVM2就是手槍?zhuān)蟮逗烷L(zhǎng)矛也能殺敵，但是只在面對(duì)弱智的敵人才能發(fā)揮作用，面對(duì)一個(gè)大型項(xiàng)目，不用點(diǎn)現(xiàn)代化工具是不行滴。二、事件機(jī)制這也是很多人拿起as3就不知所措的原因，初學(xué)者會(huì)發(fā)現(xiàn)連一個(gè)按鈕點(diǎn)擊的方法都寫(xiě)不出來(lái)。實(shí)際上as3的事件機(jī)制采用的是監(jiān)聽(tīng)的方式，和as2的onClipEvent不同，as3里所有的事件都是需要觸發(fā)器，監(jiān)聽(tīng)器，執(zhí)行器三種結(jié)構(gòu)的，這樣做的好處就是使得這個(gè)語(yǔ)言非常的堅(jiān)強(qiáng)，非常大標(biāo)準(zhǔn)化。不像as2,奇形怪狀的代碼漫天飛，可以這樣寫(xiě)，也可以那樣寫(xiě)，代碼變得繁復(fù)難懂，可讀性太差，執(zhí)行效率也大大降低。要特別說(shuō)明的是，as3的所有事件都直接繼承event對(duì)象，而event是直接繼承自BOSS類(lèi)object,結(jié)構(gòu)多么完美。所以在as3中，所有的事件都繼承自相同的父親，結(jié)構(gòu)相同，提高了重用性。三、封裝性這是as3與as2最大的不同，as3引入了封裝的概念，使得程序安全性大大提高，各個(gè)對(duì)象之間的關(guān)系也通過(guò)封裝，訪(fǎng)問(wèn)控制而得以確定，避免了不可靠的訪(fǎng)問(wèn)給程序帶來(lái)的意外產(chǎn)生。四、XML我覺(jué)得這是最令人激動(dòng)人心的改變，現(xiàn)在as3程序員可以很輕松也很自豪的說(shuō)，我們是使用XML人群中最快樂(lè)的人。AS2時(shí)代對(duì)XML的存取仍然需要解析，而AS3則創(chuàng)新的將XML也視作一個(gè)對(duì)象，存取XML就像存取普通對(duì)象的屬性一樣方便，用點(diǎn)語(yǔ)法就可以，無(wú)疑大大提高了效率。五、容器的概念A(yù)S3.0采用了容器的思想，告別了as2.0一個(gè)MovieClip打天下的局面。對(duì)于as2程序員來(lái)說(shuō)，可能不能理解，我mc用的好好的，干嘛不讓我用啊。但是當(dāng)你真正的了解as3.0的思想的時(shí)候，當(dāng)你真主的體會(huì)到OOP的好處的時(shí)候，你會(huì)覺(jué)得as3.0的容器的思想的完全正確的。as2.0時(shí)代，我們做什么都用mc,而as2.0時(shí)代的mc也是直接繼承自object，這給了mc極大的權(quán)限，極其多大方法屬性，而有時(shí)我們只需要放一個(gè)背景圖，這樣做就造成了極大的浪費(fèi)。說(shuō)實(shí)在話(huà)as2.0和as3.0比起來(lái)就是浪費(fèi)之神，所以as2.0編出的swf絕對(duì)比as3.0編譯出來(lái)的swf要大上幾倍。as3.0把所有你用到的顯示對(duì)象都分開(kāi)，mc的屬性方法都被瓜分開(kāi)來(lái)，舉個(gè)例子，你去水果超市買(mǎi)水果，就肯定比直接去大型超市買(mǎi)要方便，更節(jié)約時(shí)間，時(shí)間就是金錢(qián)，那就是很大的節(jié)省。4.AS3.0新特性一、OOP方面的增強(qiáng)通過(guò)類(lèi)定義而生成的實(shí)例，在A(yíng)S3中是屬于Sealed類(lèi)型，即其屬性和方法無(wú)法在運(yùn)行時(shí)修改。這部分屬性在A(yíng)S2中是通過(guò)類(lèi)的prototype對(duì)象來(lái)存儲(chǔ)，而在A(yíng)S3.0中則通過(guò)被稱(chēng)為T(mén)rait的概念對(duì)象存儲(chǔ)管理，無(wú)法通過(guò)程序控制。這種處理方式一方面減少了通過(guò)prototype繼承鏈查找屬性方法所耗費(fèi)的時(shí)間（所有父類(lèi)的實(shí)現(xiàn)方法和屬性都會(huì)被直接復(fù)制到對(duì)應(yīng)的子類(lèi)的Trait中），另一方面也減少了內(nèi)存占用量，因?yàn)椴挥脛?dòng)態(tài)的給每一個(gè)實(shí)例創(chuàng)建hashtable來(lái)存儲(chǔ)變量。如果仍然希望使用AS2中類(lèi)實(shí)例在運(yùn)行時(shí)的動(dòng)態(tài)特性，可以將類(lèi)聲明為dynamic。二、API方面的增強(qiáng)新增DisplayAPI，使AS3可以控制包括Shape,Image,TextField,Sprite,MovieClip,Video,SimpleButton,Loader在內(nèi)的大部分DisplayList渲染單位。這其中Sprite類(lèi)可以簡(jiǎn)單理解為沒(méi)有時(shí)間軸的MovieClip，適合用來(lái)作為組件等不需要時(shí)間軸功能的子類(lèi)的基礎(chǔ)。而新版的MovieClip也比AS2多了對(duì)于Scene（場(chǎng)景）和Label（楨標(biāo)簽）的程序控制。另外，渲染單位的創(chuàng)建和銷(xiāo)毀通過(guò)聯(lián)合new操作符以及addChild/removeChild等方法實(shí)現(xiàn)，類(lèi)似attachMovie的舊方法已被舍棄，同時(shí)以后也無(wú)須去處理深度值。新增DOMEventAPI，所有在DisplayList上的渲染單位都支持全新的三段式事件播放機(jī)制，以Stage為起點(diǎn)自上而下的播報(bào)事件到target對(duì)象（此過(guò)程稱(chēng)為CapturePhase），然后播報(bào)事件給target對(duì)象（此過(guò)程稱(chēng)為T(mén)argetPhase），最后在自下而上的播報(bào)事件（此過(guò)程稱(chēng)為BubblingPhase）。新增內(nèi)置的RegularExpreions（正則表達(dá)式）支持，使AS3能夠高效地創(chuàng)建、比較和修改字符串，以及迅速地分析大量文本和數(shù)據(jù)以搜索、移除和替換文本模式。新增ECMAScriptforXML(E4X)支持。E4X是AS3中內(nèi)置的XML處理語(yǔ)法。在A(yíng)S3中XML成為內(nèi)置類(lèi)型，而之前的AS2版本XML的處理api轉(zhuǎn)移到flash.xml.*包中，以保持向下兼容。新增Socket類(lèi)，允許讀取和寫(xiě)入二進(jìn)制數(shù)據(jù)，使通過(guò)AS來(lái)解析底層網(wǎng)絡(luò)協(xié)議（比如POP3,SMTP,IMAP,NNTP等）成為可能，使FlashPlayer可以連接郵件服務(wù)器和新聞組。新增Proxy類(lèi)來(lái)替代在A(yíng)S2中的Object.__resolve功能。新增對(duì)于Reflect（反射）的支持，相關(guān)方法在flash.util.*包中。一、AS3.0和2.0的代碼不能混用，且不能和裝載的as2.0或1.0的swf相互通信使用AS3.0可以加載AS2.0或者1.0的swf。但是AS3.0不可以訪(fǎng)問(wèn)加載swf中變量和函數(shù)。為了方便理解，我們可以想成兩個(gè)虛擬機(jī)并行工作，但是不能通信。事實(shí)上，我猜實(shí)現(xiàn)機(jī)制可能就和這個(gè)差不多LocalConnection。使用AS2.0或1.0編寫(xiě)的swf是不可以加載AS3.0的。換句話(huà)說(shuō)Flash8＆Flex1.5及之前所有工具生成的swf都不可以加載(load)AS3.0swf的。如果想讓AS2.0或1.0的swf與AS3.0swf協(xié)同工作，那么AS2.0＆1.0的文件必須進(jìn)行移植。就是說(shuō)轉(zhuǎn)成3.0。單個(gè)的swf文件中是不能混合使用AS3.0＆AS2.0(或者1.0)的。不會(huì)像AS2.0＆1.0那樣混用了，畢竟是AS2.0&AS3.0是兩個(gè)不相同的虛擬機(jī)。一句話(huà)總結(jié)，就是AS3.0可以加載以前的所有版本的swf,但是只是簡(jiǎn)單加載，不能訪(fǎng)問(wèn)AS2.0(或1.0)的swf內(nèi)部變量＆函數(shù)，無(wú)法交互。二、所采用的編程方式as3.0所采用的編程方式是與javaC++非常類(lèi)似的面向?qū)ο缶幊谭绞剑徽撛谡Z(yǔ)法上還是在設(shè)計(jì)思路上。只要你有javaC++基礎(chǔ)，那學(xué)AS是非常輕松的。不過(guò)AS3.0不能像javaC++那樣操作底層數(shù)據(jù)，如存儲(chǔ)數(shù)據(jù)等，必須通過(guò)后臺(tái)語(yǔ)言如phpasp等來(lái)實(shí)現(xiàn)，而且運(yùn)行大規(guī)模數(shù)據(jù)時(shí)會(huì)慢一些。as2.0以往是主要面向過(guò)程的編程方式，也就是說(shuō)想到哪就可以寫(xiě)到哪，但到3.0之后就不行了，你必須把每一塊程序都寫(xiě)到一個(gè)類(lèi)中，讓類(lèi)和類(lèi)之間進(jìn)行聯(lián)系。凡事都是類(lèi)的理念。其實(shí)不同的事情有很多，但是也可以這么講，AS3.0與AS2.0是一樣的，只是語(yǔ)法不同了，編程思路不同了，但核心內(nèi)容不變，也就是說(shuō)，如果你精通AS2.0，那么，你離精通3.0就不遠(yuǎn)了。因?yàn)槟阍诰幊踢M(jìn)對(duì)算法的掌握和思想都是相通了。三、as2.0到as3.0的轉(zhuǎn)換在A(yíng)S2項(xiàng)目往AS3轉(zhuǎn)換/移植的過(guò)程中，不要想象這只是一個(gè)語(yǔ)法轉(zhuǎn)換的過(guò)程，實(shí)際上，你不得不考慮AS3以及其類(lèi)庫(kù)中的一些新機(jī)制，所能帶來(lái)的性能以及程序結(jié)構(gòu)良好性的提升。因此，可能很多東西，你得重新設(shè)計(jì)，特別是可視元素和事件相關(guān)的，也就是用戶(hù)交互方面的東西，我認(rèn)為是必須得根據(jù)AS3的特點(diǎn)重新設(shè)計(jì)的，否則轉(zhuǎn)換是無(wú)價(jià)值的，甚至?xí)玫礁畹某绦?。一些純算法方面的代碼，可能不需要重新設(shè)計(jì)，直接替換一些語(yǔ)言層面的東西即可。還有FlashPlayer的速度提升使代碼執(zhí)行速度提升10倍左右，可視元素運(yùn)行/渲染速度平均提升2倍左右，位圖渲染速度有比較明顯的提升。一些在A(yíng)S2里面我們需要的東西，在A(yíng)S3里面，我們不再需要了；一些用AS2做出來(lái)的東西，運(yùn)行起來(lái)效率不夠理想，用AS3做出來(lái)，運(yùn)行得更快了；一些AS2里面不可能做到的東西，在A(yíng)S3里面，我們可以做了。CSS盒子前言如果你想嘗試一下不用表格來(lái)排版網(wǎng)頁(yè)，而是用CSS來(lái)排版你的網(wǎng)頁(yè)，也就是常聽(tīng)的用DIV來(lái)編排你的網(wǎng)頁(yè)結(jié)構(gòu)，又或者說(shuō)你想學(xué)習(xí)網(wǎng)頁(yè)標(biāo)準(zhǔn)設(shè)計(jì)，再或者說(shuō)你的上司要你改變傳統(tǒng)的表格排版方式，提高企業(yè)競(jìng)爭(zhēng)力，那么你一定要接觸到的一個(gè)知識(shí)點(diǎn)就是CSS的盒子模式，這就是DIV排版的核心所在，傳統(tǒng)的表格排版是通過(guò)大小不一的表格和表格嵌套來(lái)定位排版網(wǎng)頁(yè)內(nèi)容，改用CSS排版后，就是通過(guò)由CSS定義的大小不一的盒子和盒子嵌套來(lái)編排網(wǎng)頁(yè)。因?yàn)橛眠@種方式排版的網(wǎng)頁(yè)代碼簡(jiǎn)潔，更新方便，能兼容更多的瀏覽器，比如PDA設(shè)備也能正常瀏覽，所以放棄自己之前鐘愛(ài)的表格排版也是值得的，更重要的是CSS排版網(wǎng)頁(yè)的優(yōu)勢(shì)遠(yuǎn)遠(yuǎn)不只這些，本人在這里就不多說(shuō)，自己可以去查找相關(guān)信息。理解CSS盒子模型什么是CSS的盒子模式呢？為什么叫它是盒子？先說(shuō)說(shuō)我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中常聽(tīng)的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)，CSS盒子模式都具備這些屬性。這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘Ｉ钪械暮凶樱ㄏ渥樱┥蟻?lái)理解，日常生活中所見(jiàn)的盒子也具有這些屬性，所以叫它盒子模式。那么內(nèi)容就是盒子里裝的東西；而填充就是怕盒子里裝的東西（貴重的）損壞而添加的泡沫或者其它抗震的輔料；邊框就是盒子本身了；至于邊界則說(shuō)明盒子擺放的時(shí)候的不能全部堆在一起，要留一定空隙保持通風(fēng)，同時(shí)也為了方便取出嘛。在網(wǎng)頁(yè)設(shè)計(jì)上，內(nèi)容常指文字、圖片等元素，但是也可以是小盒子（DIV嵌套），與現(xiàn)實(shí)生活中盒子不同的是，現(xiàn)實(shí)生活中的東西一般不能大于盒子，否則盒子會(huì)被撐壞的，而CSS盒子具有彈性，里面的東西大過(guò)盒子本身最多把它撐大，但它不會(huì)損壞的。填充只有寬度屬性，可以理解為生活中盒子里的抗震輔料厚度，而邊框有大小和顏色之分，我們又可以理解為生活中所見(jiàn)盒子的厚度以及這個(gè)盒子是用什么顏色材料做成的，邊界就是該盒子與其它東西要保留多大距離。在現(xiàn)實(shí)生活中，假設(shè)我們?cè)谝粋€(gè)廣場(chǎng)上，把不同大小和顏色的盒子，以一定的間隙和順序擺放好，最后從廣場(chǎng)上空往下看，看到的圖形和結(jié)構(gòu)就類(lèi)似我們要做的網(wǎng)頁(yè)版面設(shè)計(jì)了，如下圖?，F(xiàn)在對(duì)CSS盒子模式理解多少了，如果還不夠透徹，繼續(xù)往下看，我會(huì)在后面舉例，并延用盒子的概念來(lái)解釋它。轉(zhuǎn)變我們的思路傳統(tǒng)的前臺(tái)網(wǎng)頁(yè)設(shè)計(jì)是這樣進(jìn)行的：根據(jù)要求，先考慮好主色調(diào)，要用什么類(lèi)型的圖片，用什么字體、顏色等等，然后再用Photoshop這類(lèi)軟件自由的畫(huà)出來(lái)，最后再切成小圖，再不自由的通過(guò)設(shè)計(jì)HTML生成頁(yè)面，改用CSS排版后，我們要轉(zhuǎn)變這個(gè)思想，此時(shí)我們主要考慮的是頁(yè)面內(nèi)容的語(yǔ)義和結(jié)構(gòu)，因?yàn)橐粋€(gè)強(qiáng)CSS控制的網(wǎng)頁(yè)，等做好網(wǎng)頁(yè)后，你還可以輕松的調(diào)你想要的網(wǎng)頁(yè)風(fēng)格，況且CSS排版的另外一個(gè)目的是讓代碼易讀，區(qū)塊分明，強(qiáng)化代碼重用，所以結(jié)構(gòu)很重要。如果你想說(shuō)我的網(wǎng)頁(yè)設(shè)計(jì)的很復(fù)雜，到后來(lái)能不能實(shí)現(xiàn)那樣的效果？我要告訴你的是，如果用CSS實(shí)現(xiàn)不了的效果，一般用表格也是很難實(shí)現(xiàn)的，因?yàn)镃SS的控制能力實(shí)在是太強(qiáng)大了，順便說(shuō)一點(diǎn)的是用CSS排版有一個(gè)很實(shí)用的好處是，如果你是接單做網(wǎng)站的，如果你用了CSS排版網(wǎng)頁(yè)，做到后來(lái)客戶(hù)有什么不滿(mǎn)意，特別是色調(diào)的話(huà)，那么改起來(lái)就相當(dāng)容易，甚至你還可以定制幾種風(fēng)格的CSS文件供客戶(hù)選擇，又或者寫(xiě)一個(gè)程序?qū)崿F(xiàn)動(dòng)態(tài)調(diào)用，讓網(wǎng)站具有動(dòng)態(tài)改變風(fēng)格的功能。實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)分離在真正開(kāi)始布局實(shí)踐之前，再來(lái)認(rèn)識(shí)一件事——結(jié)構(gòu)和表現(xiàn)相分離，這也用CSS布局的特色所在，結(jié)構(gòu)與表現(xiàn)分離后，代碼才簡(jiǎn)潔，更新才方便，這不正是我們學(xué)習(xí)CSS的目的所在嗎？舉個(gè)例來(lái)說(shuō)P是結(jié)構(gòu)化標(biāo)簽，有P標(biāo)簽的地方表示這是一個(gè)段落區(qū)塊，margin是表現(xiàn)屬性，我要讓一個(gè)段落右縮進(jìn)2字高，有些人會(huì)想到加空格，然后不斷地加空格，但現(xiàn)在可以給P標(biāo)簽指定一個(gè)CSS樣式：P{text-indent:2em;}，這樣結(jié)果body內(nèi)容部分就如下，這沒(méi)有外加任何表現(xiàn)控制的標(biāo)簽：加進(jìn)思源社區(qū)有一段時(shí)間了，但一直沒(méi)有時(shí)間寫(xiě)點(diǎn)東西，今天寫(xiě)了一篇有關(guān)CSS布局的文章，并力求通過(guò)一種通俗