本文摘錄2015年12月份學(xué)習(xí)總結(jié)，創(chuàng)建日期：2016-01-03 14:01:01，有修改。
以下正文：

在9月份領(lǐng)到了一項任務(wù)是關(guān)于《前端開發(fā)工程師的知識庫指引》，想了又想，而在我們現(xiàn)在的設(shè)計團(tuán)隊，前端輸出人員雖然技術(shù)水平是各有千秋，或者說術(shù)業(yè)有專攻的，但是在我看來，總是欠缺點什么。在網(wǎng)上搜索一堆文章和例子，特別喜歡這篇，《如何成為一個卓越的前端工程師》 http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/ 這篇譯文，翻譯者是同行業(yè)的大牛。在《如何成為一個卓越的前端工程師》文章所說幾點，值得我們深思學(xué)習(xí)。

• 別光解決問題，想想究竟發(fā)生是什么
• 學(xué)會預(yù)見未來的瀏覽器發(fā)展趨勢
• 閱讀規(guī)范文檔
• 閱讀別人的代碼
• 與比你聰明的人一起工作
• “造輪子”
• 把你學(xué)到的東西都記錄下來

而技能是可以學(xué)習(xí)的，但區(qū)分人才和頂尖人才的并不是他們的知識——而是他們思考問題的方式，我想這是我們最缺乏的。

前端開發(fā)工程師應(yīng)該具備的知識結(jié)構(gòu)

在知乎上翻出一些關(guān)于前端開發(fā)知識應(yīng)該具備的內(nèi)容：

HTML&CSS

• 對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack
• CSS基本功：布局、盒子模型、選擇器優(yōu)先級及使用
• HTML5、CSS3、移動端頁面開發(fā)

JavaScript

數(shù)據(jù)類型、面向?qū)ο?、繼承、閉包、插件、作用域、跨域、原型鏈、模塊化、自定義事件、內(nèi)存泄漏、事件機制、異步裝載回調(diào)、模板引擎、前端MVC、路由、Nodejs、JSON、ajax等。

其他

• HTTP、WEB安全、正則、優(yōu)化、重構(gòu)、響應(yīng)式、團(tuán)隊協(xié)作、可維護(hù)、SEO、UED、架構(gòu)、快速學(xué)習(xí)能力。
• DOM結(jié)構(gòu)——兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。
• DOM操作——如何添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點等。
• 事件——如何使用事件，以及IE和標(biāo)準(zhǔn)DOM事件模型之間存在的差別。
• XMLHttpRequest——這是什么、怎樣完整地執(zhí)行一次GET請求、怎樣檢測錯誤。
• 嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。
• 盒模型——外邊距、內(nèi)邊距和邊框之間的關(guān)系，及IE8以下版本的瀏覽器中的盒模型
• 塊級元素與行內(nèi)元素——怎么用CSS控制它們、以及如何合理的使用它們
• 浮動元素——怎么使用它們、它們有什么問題以及怎么解決這些問題。
• HTML與XHTML——二者有什么區(qū)別，你覺得應(yīng)該使用哪一個并說出理由。
• JSON——作用、用途、設(shè)計結(jié)構(gòu)。

在知乎上找到類似的學(xué)習(xí)階梯步驟：

【1】能用html+css把頁面做出來，能用js實現(xiàn)動態(tài)效果。
【2】在1的基礎(chǔ)上保證瀏覽器兼容性。
【3】在2的基礎(chǔ)上開始出現(xiàn)代碼潔癖，代碼會逐漸趨向于簡潔高效
【4】在3的基礎(chǔ)上開始關(guān)注語義性、可用性和可重用性
【5】在4的基礎(chǔ)上開始關(guān)注頁面性能
【6】在5的基礎(chǔ)上開始費勁腦汁的去尋思怎么能把開發(fā)效率也提升上來
【7】在6的基礎(chǔ)上，HTML5來了，CSS3也上了。得了，接著學(xué)去了

如果你沒從前端中獲得“快感”，嗯，那你可以“轉(zhuǎn)行”了。

看到這，大家開始思考了嗎？思考自己在哪個階梯上了嗎？動易公司的前端開發(fā)工程師們大多數(shù)在HTML&CSS這個層面徘徊，即傳說中的頁面仔、切圖工，即這里是1-3過程，當(dāng)然也有高級大牛懂得較多js編程語言、語義、性能方面考慮即上面說的4-6，然而這3、4年前html5、css3、移動界面前端開發(fā)也來了。那現(xiàn)在或?qū)淼募夹g(shù)知識會是哪個方向呢？

面對各種競爭，怎樣才是動易公司的前端開發(fā)工程師應(yīng)有技能呢？經(jīng)過整理對照，參考下面的知識點：

對照這個圖，公司里甚少人或了解或掌握所有內(nèi)容，將近一半前端人員還在“切頁面”的狹小空間里，這都不利于負(fù)責(zé)項目的推進(jìn)、甚至是個人職業(yè)規(guī)劃。但是上圖的技能，都是可以學(xué)習(xí)和不斷積累經(jīng)驗的，技能知識的學(xué)習(xí)是前提。

在動易或3年或4年或更長的時間的前端人員，更重要的擺在我們面前最大的問題，我們應(yīng)該是“思考的方式”改變、進(jìn)化，例如，當(dāng)美術(shù)設(shè)計人員出了設(shè)計圖，前端人員并不止于做“代碼運輸者”“搬磚”式的代碼輸出，而是能引導(dǎo)項目推進(jìn)、提高項目組客戶組滿意度、獲得客戶溝通承諾、每段代碼有升華改進(jìn)更全面，雖然這有些是項目經(jīng)理人員的工作，但是我知道的在動易公司做前端輸出的同事是最好最快地上升到或能出書立說、或能需求分析、需求調(diào)研等等更專業(yè)角色的人員，跳出純粹的“代碼工作者”范疇，成為所謂的“業(yè)內(nèi)大牛”、“大師”。

2015年結(jié)束了，12篇學(xué)習(xí)總結(jié)，雖然篇幅不多，但字字原創(chuàng)、處處學(xué)習(xí)、種種感悟。特別是在12月很驚喜地，也很幸運地，在平安夜那天兒子出生，祝賀自己，各種感恩，2016繼續(xù)加油，共勉互勉。

總結(jié)

以上是生活随笔為你收集整理的2015年12月份学习总结，前端开发工程师的知识库指引的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。