后知后覺付
首先說說前端工程師必須也應(yīng)該掌握的技能：
前端三大基礎(chǔ)技能HTML、CSS、JS自不必說，這是前端吃飯的東西。TCP/IP、瀏覽器渲染原理、前端性能優(yōu)化兼容、PC/M端開發(fā)、DOM、BOM、計算機(jī)原理等。
就目前企業(yè)需要的而言，除了基礎(chǔ)之外，會要求掌握Vue、react、ng、node等一個或多個知識。隱約已經(jīng)成為了一個事實的標(biāo)準(zhǔn)，但這些知識你可以看出，都是JS，沒錯都是JS，所以說JS的掌握程度越高，你學(xué)習(xí)這些框架越輕松，畢竟這些都是API嘛。還有就是一些npm、yarn、gulp、webpack等工具的使用。差不多大部分要求就是這樣。
當(dāng)然，如果是應(yīng)屆生的話要求沒有那么高，基礎(chǔ)掌握大概就不錯了。如果是轉(zhuǎn)行學(xué)習(xí)前端的話，那最好還是需要系統(tǒng)的學(xué)習(xí)這些東西。
D20600531014
不同公司，不同崗位，不同業(yè)務(wù)背景對優(yōu)秀前端的要求可能會有差異，我們以阿里巴巴淘系技術(shù)部的一則JD為例，來拆解一下，不同級別的前端工程師應(yīng)該具備什么樣的技能。JD業(yè)務(wù)背景淘寶內(nèi)部最大創(chuàng)新項目之一，大團(tuán)隊已有百人規(guī)模，大部分項目處于保密階段，前景遠(yuǎn)大職位描述1.負(fù)責(zé)組件庫與業(yè)務(wù)頁面開發(fā)。2.帶領(lǐng)團(tuán)隊完成技術(shù)產(chǎn)品實現(xiàn)。3.負(fù)責(zé)大型多應(yīng)用架構(gòu)設(shè)計。4.利用前端技術(shù)與服務(wù)端協(xié)同完成團(tuán)隊業(yè)務(wù)目標(biāo)。職位要求0.掌握圖形學(xué)，webgl或熟練使用threejs框架，熟練canvas相關(guān)渲染及動畫操作的優(yōu)先。1.熟練掌握J(rèn)avaScript。2.熟悉常用工程化工具，掌握模塊化思想和技術(shù)實現(xiàn)方案。3.熟練掌握React前端框架，了解技術(shù)底層。同時了解vue以及angular等其他框架者優(yōu)先。4.熟練掌握react生態(tài)常用工具，redux/react-router等。5.熟悉各種Web前端技術(shù)，包括HTML/XML/CSS等，有基于Ajax的前端應(yīng)用開發(fā)經(jīng)驗。6.有良好的編碼習(xí)慣，對前端技術(shù)有持續(xù)的熱情，個性樂觀開朗,邏輯性強(qiáng)，善于和各種背景的人合作。7.具有TS/移動設(shè)備上前端開發(fā)/NodeJS/服務(wù)端開發(fā)等經(jīng)驗者優(yōu)先。首先，總覽全部的要求，會發(fā)現(xiàn)這個職位雖然提到了3d相關(guān)的技能，但是大部分卻是應(yīng)用開發(fā)相關(guān)的能力，所以這個職位并不是想找專業(yè)的3d領(lǐng)域同學(xué)，而是需要一個工程化能力強(qiáng)，對3d有了解的同學(xué)。0.掌握圖形學(xué)，webgl或熟練使用threejs框架，熟練canvas相關(guān)渲染及動畫操作的優(yōu)先。初級：學(xué)習(xí)過圖形學(xué)相關(guān)知識，知道矩陣等數(shù)學(xué)原理在動畫中的作用，知道三維場景需要的最基礎(chǔ)的構(gòu)成，能用threejs搭3d場景，知道webgl和threejs的關(guān)系。知道canvas是干嘛的，聊到旋轉(zhuǎn)能說出canvas的api。知道css動畫，css動畫屬性知道關(guān)鍵字和用法(換句話說，電話面試會當(dāng)場出題要求口噴css動畫，至少能說對大概，而不是回答百度一下就會用)。知道js動畫，能說出1~2個社區(qū)js動畫庫，知道js動畫和css動畫優(yōu)缺點以及適用場景。知道raf和其他達(dá)到60fps的方法。中級：如果沒有threejs，你也能基于webgl自己封裝一個簡單的threejs出來。聊到原理能說出四元數(shù)，聊到鼠標(biāo)操作能提到節(jié)流，聊到性能能提到restore，聊到幀說出raf和timeout的區(qū)別，以及各自在優(yōu)化時候的作用。知道怎樣在移動端處理加載問題，渲染性能問題。知道如何結(jié)合native能力優(yōu)化性能。知道如何排查性能問題。對chrome動畫、3d、傳感器調(diào)試十分了解。高級：搭建過整套資源加載優(yōu)化方案，能說明白整體方案的各個細(xì)節(jié)，包括前端、客戶端、服務(wù)端分別需要實現(xiàn)哪些功能點、依賴哪些基礎(chǔ)能力，以及如何配合。設(shè)計并實現(xiàn)過前端動畫引擎，能說明白一個復(fù)雜互動項目的技術(shù)架構(gòu)，知道需要哪些核心模塊，以及這些模塊間如何配合。有自己實現(xiàn)的動畫相關(guān)技術(shù)方案產(chǎn)出，這套技術(shù)方案必須是解決明確的業(yè)務(wù)或技術(shù)難點問題的。為了業(yè)務(wù)快速落地而封裝一個庫，不算這里的技術(shù)方案。如果有類似社區(qū)方案，必須能從原理上說明白和競品的差異，各自優(yōu)劣，以及技術(shù)選型的原因。
娃娃哇娃娃呀
HTML5、CSS3、JavaScript、JQuery、AJAX、Bootstrap這六大技能。HTML5HTML是超級文本標(biāo)記語言，是為“網(wǎng)頁創(chuàng)建和其他可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計的語言。HTML5是由萬維網(wǎng)發(fā)布的最新的語言規(guī)范，是開放的Web網(wǎng)絡(luò)平臺的奠基石，所以做Web前端，精通HTML5是必須要掌握的一項技能。CSS3CSS即層疊樣式表(Cascading StyleSheet)。在網(wǎng)頁制作時采用層疊樣式表技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。CSS3是CSS技術(shù)的升級版本，CSS3語言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個模塊實在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來。這些模塊包括：盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等。CSS3對于Web前端整個頁面的設(shè)計是必備的技能。JavaScriptJavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。掌握了JavaScript，就可以給網(wǎng)頁增加各種不同的動態(tài)效果，比如百葉窗特效，廣告切換特效，浮動廣告特效，上下無縫滾動特效等等。JQueryJQuery，顧名思義也就是JavaScript和查詢(Query),即是輔助JavaScript開發(fā)的庫。它是輕量級的JS庫，它兼容CSS3，還兼容各種瀏覽器(IE , , Safari , Opera )，及后續(xù)版本將不再支持IE6/7/8瀏覽器。JQuery使用戶能更方便地處理HTML、EVENTS、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。熟練掌握J(rèn)Query會更好的使用JavaScript。AJAXAJAX即“Asynchronous JavaScript And XML”(異步JavaScript和XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。AJAX開發(fā)人員必須理解傳統(tǒng)的MVC架構(gòu)，這限制了應(yīng)用層次之間的邊界。同時，開發(fā)人員還需要考慮C/S環(huán)境的外部和使用AJAX技術(shù)來重定型MVC邊界。最重要的是，AJAX開發(fā)人員必須禁止以頁面集合的方式來考慮Web應(yīng)用而需要將其認(rèn)為是單個頁面。一旦UI設(shè)計與服務(wù)架構(gòu)之間的范圍被嚴(yán)格區(qū)分開來后，開發(fā)人員就需要更新和變化的技術(shù)集合了。實現(xiàn)網(wǎng)站交互必須熟練掌握AJAX。BootStrapBootstrap，來自Twitter，是目前很受歡迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它簡潔靈活，使得Web開發(fā)更加快捷。它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個漂亮、功能完備的網(wǎng)站。其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對話框、進(jìn)度條、媒體對象等。時刻學(xué)習(xí)最近的前端框架也是Web前端工程師的必備技能！
有想入門前端的同學(xué)大家可以去B站搜索尚學(xué)堂老師高淇的 Java三百集 里面很多的學(xué)習(xí)資料
希望會給大家?guī)韼椭?/p>
漫野之彌
第一，必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握這些技術(shù)的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。第二，在一名合格的前端工程師的知識結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。第三，必須學(xué)會運用各種工具進(jìn)行輔助開發(fā)。第四，除了要掌握技術(shù)層面的知識，還要掌握理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。可見，看似簡單的網(wǎng)頁制作，如果要做得更好、更專業(yè)，真的是不簡單。這就是前端開發(fā)的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學(xué)習(xí)起來無從下手，對于老手來說，也時常不知道下一步該學(xué)什么。代碼質(zhì)量是前端開發(fā)中應(yīng)該重點考慮的問題之一。例如，實現(xiàn)一個網(wǎng)站界面可能會有無數(shù)種方案，但有些方案的維護(hù)成本會比較高，有些方案會存在性能問題，而有些方案則更易于維護(hù)，而且性能也比較好。這里的關(guān)鍵影響因素就是代碼質(zhì)量。CSS、HTML、JavaScript這三種前端開發(fā)語言的特點是不同的，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系。
天秤座dan
今天小編要跟大家分享的文章是關(guān)于Web前端工程師必備的工作技能有哪些?WEB前端開發(fā)現(xiàn)在可謂是一個比較熱門的職業(yè)，越來越多的人都想進(jìn)入分一杯羹，但是自學(xué)又很難，參加培訓(xùn)機(jī)構(gòu)又要花錢，在各種選擇上大家總是猶豫不決，那么想成為一名合格的WEB前端開發(fā)工程師，需要具備哪些必備的工作技能?下面來和小編一起看一看吧！一位好的WEB前端開發(fā)工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師?，F(xiàn)在說的重點不在于講解技術(shù)，而是更側(cè)重于對技巧的講解。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。首先，前端工程師必須得掌握HTML、CSS和JavaScript。其次只懂其中一個或兩個還不行，你必須對這三門語言都很熟悉。當(dāng)然也不是說必須對這三門語言都非常精通，但你至少要能夠運用它們完成大多數(shù)任務(wù)，而無需頻繁地尋求別人的幫助?，F(xiàn)在無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫WEB前端開發(fā)。WEB前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近兩年來備受青睞。WEB前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。優(yōu)秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關(guān)。在任何情況下，前端工程師至少都要滿足下列四類客戶的需求。1.產(chǎn)品經(jīng)理——這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們能夠想象出怎樣通過應(yīng)用程序來滿足用戶需求，以及怎樣通過他們設(shè)計的模式賺到錢(但愿如此)。一般來說，這些人追求的是豐富的功能。設(shè)計師——這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計和交互模擬。他們關(guān)心的是用戶對什么敏感、交互的一貫性以及整體的好用性。他們熱衷于流暢靚麗但并不容易實現(xiàn)的用戶界面。3.項目經(jīng)理——這些人負(fù)責(zé)實際地運行和維護(hù)應(yīng)用程序。項目管理的主要關(guān)注點，無外乎正常運行時間(uptime)——應(yīng)用程序始終正?？捎玫臅r間、性能和截止日期。項目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。4.最終用戶——當(dāng)然是應(yīng)用程序的主要消費者。盡管我們不會經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要;沒人想用的應(yīng)用程序毫無價值。最終用戶要求最多的就是對個人有用的功能，以及競爭性產(chǎn)品所具備的功能。代碼質(zhì)量是前端開發(fā)中應(yīng)該重點考慮的問題之一。例如，實現(xiàn)一個網(wǎng)站界面可能會有無數(shù)種方案，但有些方案的維護(hù)成本會比較高，有些方案會存在性能問題，而有些方案則更易于維護(hù)，而且性能也比較好。這里的關(guān)鍵影響因素就是代碼質(zhì)量。CSS、HTML、JavaScript，這三種前端開發(fā)語言的特點是不同的，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系。以上就是小編今天為大家分享的關(guān)于Web前端工程師必備的工作技能有哪些的文章，希望本篇文章能夠?qū)φ趶氖聎eb前端工作的小伙伴們有所幫助，想要了解更多web前端知識記得關(guān)注北大青鳥web培訓(xùn)官網(wǎng)，最后祝愿小伙伴們工作順利，成為一名優(yōu)秀的web前端工程師。
優(yōu)質(zhì)工程師考試問答知識庫
