FEXWeb前端研發(fā)HowToBeAFrontendWebAbout?SeniorWeb BriefBriefAboutFront-EndwebFront-EndDevelopmentFront-EndDevelopmentHowHowToKeepUpToDateFront-endFront-endDeveloperInterviewWhyWhytobeafront-endwebWhatWhatisFront-Endamixofprogrammingandlayoutthatpowersthevisualsandinteractionsoftheweb.usuallyconsistsofthreeparts:aserver,businesslogic,andaJSNESisaportofvNEStoJavaScript,inspiredbyMattWestcott’sJSSpeccy.Thesourceisavailable 作者FabriceBellard使用JavaScript編寫了一個(gè)簡(jiǎn)單的PC模擬器，包含32位CPU、8259可編程中斷控制器、8254可編程中斷計(jì)時(shí)器,實(shí)現(xiàn)16450UART串口設(shè)：前端工程師是計(jì)算機(jī)科學(xué)職業(yè)領(lǐng)域中最復(fù)雜的一個(gè)工種。絕大多數(shù)傳統(tǒng)的編程思想已經(jīng)不適用了，為了在多種平臺(tái)中使用，多種技術(shù)都借鑒了大量軟科學(xué)的知識(shí)和理念。成為優(yōu)秀前端工程師所要具備的丏業(yè)技術(shù)，涉及到廣闊而復(fù)雜的領(lǐng)域變得更加復(fù)雜。丏業(yè)技術(shù)可能會(huì)引領(lǐng)你迚入成為前端工程師的大門，但只有運(yùn)用該技術(shù)創(chuàng)造的應(yīng)用程序以及你跟他人幵肩協(xié)同的能力，才會(huì)真正讓你變得優(yōu)秀。HowHowtoBeAFront-EndWebFrontendKnowledgeCrossBrowserProgramming&MarkupLanguagesFrameworksPerformanceHTML5&Mobile★入門，基礎(chǔ)知識(shí)，必須掌握；★★進(jìn)階 知識(shí)，需要掌握；★★★高階，重要知識(shí)，建議掌 CrossCrossTheThebrowser'sHighLevelOrderofProgrammingProgramming&MarkupBox 精通JavaScriptDOM編程藝術(shù)（第2版JavaScript高級(jí)程序設(shè)計(jì)（第3版高性能JavaScript語(yǔ)言精粹 指南編寫 的JAVASCRIPT語(yǔ)言精髓與編程實(shí)踐EffectiveSecretsoftheJavaScriptJavaScript模式JavaScript設(shè)計(jì)模式基亍MVC的JavaScriptWeb富應(yīng)用開(kāi)發(fā)WhyWhyPerformance/SpeedExperimentalimpactof1sadditional9.4%decreaseinpage8.3%increaseinbounce3.5%dropinUserswilllearntoavoidslowBandwidthBandwidthisnotthebottleneckforOnOn2G/3G,moreconnectionsarenotalwaysagoodideaEachconnectionpaysthecostoftheTCPParallelconnectionscanadverselycompetefortheAvoidAvoidlandingpage 3additionalroundtrips(4over1.2+secondstotalAvoidexpensiveStoreevent.touchesanduseDonotre-renderevent.touchesarrayon GoodGoodperformanceisgoodmoreconnectionsarenotalwaysagoodAvoidlandingpageHTTPPipeliningismostusefulinhighlatencyEliminaterenderblockingReduceClient-SidePrioritizevisibleReduceImageLeveragebrowserUseHTML5persistentstorageforReducetheBatchandSplittingListentobothmouseandtouchuseagoodfastclickAvoidunnecessaryuseoftoucheventHtml5Html5& StaticStaticResourcesManagement軟件工程/FollowcoolFindthebestAttendGetyourownFollowCoolFront-endleadershelpyoutostayontopofrelevantnewsandtrends.Theyarein-the-knowandtheyworkonaspecifictopic. canbeagreatplacetofindpeoplewhoarein-the-know.CSS,@chriscoyierMobile,@lukewPerformance,@soudersFindFindTheBestAroundthewebthereislotsofusefulinformationaboutfront-endnewsandtrends.Blogsandweeklycanbegreatplacetofindwheretheyhaveputtogetherthebestsources.DailyJS,AJavaScriptTreehouseBlog,providesvaluablecontentonwebdevelopment,webdesign,andstartuptips.EchoJS,AHackerNews-likesitededicatedtoJavaScriptandFront-endWebPlatform,Anopencommunityofdevelopersbuildingresourcesforabetterweb.HTML5ROCKS,Posts,tutorials,casestudy&QuirksMode,ItistheprimesourceforbrowsercompatibilityinformationontheInternet.CSS-TRICKS,AwebdesignSmashingMagazine,AnonlinemagazineforprofessionalWebdesignersanddevelopers.WebDesignWeekly,Pureawesomelinkstothebestnewsandarticleshittheinter-webduringtheAttendThousandsofdevelopersattendconferencestopromotethelatesttechnologies,shareideas,thoughtsorexperiencesandlearnfromothers.Theydiscussthebestpractices,standardsandtrends.NodeParty/W3CTech/HTML5夢(mèng)工JSConf/滬 W3c技GetYourOwnIt'sreallyimportantthatyoufindyourown,uniquewaytobeuptoEverybodyknowsthat isthebestplacetofindinformationsuchastutorialsorblogpostsaboutanewtechnology.Butwhowritesthem?Wheredotheygettheirinformationfrom?Atsomepointyouneedtogorighttothecore...themailinglists,specificationsandevensourcecode.Bygettingusedtoreadingthespecificationsandparticipatinginsomemailinglistconversationsandunderstandingsomeofthesourcecode,youwillnaturally eabetterdeveloperandunderstanditallmuchmore.ShaneFront-endFront-endDeveloperInterview：一面：高級(jí)工程師負(fù)責(zé)， 基礎(chǔ)知識(shí)、HML/aapt//rowe責(zé)， 代設(shè)、術(shù)前架構(gòu)三面：部門leader負(fù)責(zé) 軟素質(zhì)，溝通能力、未來(lái)規(guī)范、個(gè)人意描述一個(gè)你遇到過(guò)的請(qǐng)?jiān)O(shè)計(jì)一個(gè)Dialog（彈出層）/Suggestion（自勱完成）/ 輪播）等組你最擅長(zhǎng)的技術(shù)是什一個(gè)頁(yè)面從輸入U(xiǎn)RL到頁(yè)面加載完的過(guò)程中談一下你所知道的頁(yè)面性能優(yōu)化除了