前端知識架構及本身的職業發展思考

盜用一下大神的圖。。。

我的對前端的思考

本人現大三，前端小白，正在摸索並不斷學習中，

前端學習就像造房子打地基房梁，要穩固，紮實，保持對前端知識的好奇心以及不斷學習的能力。

我的如今的感受就是學得很雜，什麼都瞭解一點，可是沒有一個完整的知識體系和架構，離秋招還有兩個月。我的的目標就是一邊實習一邊完善本身的知識架構，而且保持天天分享的習慣。

前端開發工程師應該具有的基礎知識體系大綱：

HTML&CSS：
對Web標準的理解、瀏覽器內核差別、兼容性、hack、CSS基本功：佈局、盒子模型、選擇器優先級及使用、document flow（文檔流）、清除浮動，hasLayout 和 塊格式化上下文 (block-formattin contexts) 、reflow&repaint、硬件加速、HTML5（離線 & 存儲，多媒體，Web Sockets ,Web Workers，History API2D/3D 繪圖）、CSS三、Flexbox、CSS預編譯、動畫、響應式佈局、移動端開發


JavaScript：
數據類型、面向對象、數組、DOM、BOM、Function、繼承、閉包、內置對象、做用域、跨域、原型鏈、、JSON、XMLHttpRequest、 RegExp、模塊化、內存泄漏、事件機制、異步裝載回調、模板引擎、前端MVC、NodeJS、JSON、ajax、框架、算法等


其餘（前端工程化\代碼規範\預編譯\前端框架\安全\優化\重構）：
HTTP、 ES六、 ES七、React、 VUE、Angular、Backbone、Underscore、Flux、Web Component、handlebars、Gulp/Grunt、Git、CDN、WEB安全、性能優化、項目重構、團隊協做、SEO、UED、技術架構、快速學習能力


前端可深刻的領域：
先後端分離、前端工程化、前端質量體系、前端工具與生態圈、數據可視化、下一代類庫框架、前端服務化、前端安全、設計工業化、跨平臺解決方案。

　　 1、DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。

    2、DOM操做 ——如何添加、移除、移動、複製、建立和查找節點等。

    3、事件 —— 如何使用事件，以及IE和標準DOM事件模型之間存在的差異。

    4、XMLHttpRequest —— 這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。

    5、嚴格模式與混雜模式 —— 如何觸發這兩種模式，區分它們有何意義。

    6、盒模型 —— 外邊距、內邊距和邊框之間的關係，及IE8如下版本的瀏覽器中的盒模型

    7、塊級元素與行內元素 —— 怎麼用CSS控制它們、以及如何合理的使用它們

    8、浮動元素 ——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。

    9、HTML與XHTML ——兩者有什麼區別，你以爲應該使用哪個並說出理由。

    10、JSON —— 做用、用途、設計結構。

 

職業發展思考

這個。。。工做前5年應該就按照正常的路子走，保持好奇心以及學習能力，不斷更新本身。成爲大牛以後，應該會考慮轉管理或者繼續技術之路。你們共勉～