本文摘錄2015年12月份學習總結，創建日期：2016-01-03 14:01:01，有修改。
以下正文：

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

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

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

前端開發工程師應該具備的知識結構

在知乎上翻出一些關于前端開發知識應該具備的內容：

HTML&CSS

• 對Web標準的理解、瀏覽器內核差異、兼容性、hack
• CSS基本功：布局、盒子模型、選擇器優先級及使用
• HTML5、CSS3、移動端頁面開發

JavaScript

數據類型、面向對象、繼承、閉包、插件、作用域、跨域、原型鏈、模塊化、自定義事件、內存泄漏、事件機制、異步裝載回調、模板引擎、前端MVC、路由、Nodejs、JSON、ajax等。

其他

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

在知乎上找到類似的學習階梯步驟：

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

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

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

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。