前端知識框架總結

學習需要方向與目標，所以下定決定先總結只是框架。

update on 2017-01-09

今日發現一前端知識框架的總結圖，傳送門，前鵝廠大神。（我眼中的大神）。之前遇到的問題，這裡找到了更清晰的思路&解決辦法，對FE的知識也有一個升級，這次更新一下這一篇文章，日後會逐漸接觸這個框架裡面的知識！

基礎版

進階版

我之前列出來的問題，上圖其實以及囊括了，但是我還是認為還是有幾個方面需要補充，至少我認為我是需要的。

1. 計算機網路部分，socket ，tcp，udp，包括各種傳輸協議（視訊流媒體，websocket等）
2. 瀏覽器核心原理

下列是最初版的內容

server —- server app —-db
|
|
net —- internet 計算機網路基礎， http 協議詳解。 websotcket 長連線詳解
|
（跨域互動的問題）
|
browser （ development environment） —-瀏覽器架構，解析過程 –> 相容 ，效能 ，基礎api（事件（mouse，touch，頁面生命週期），）
|
web front end
|
|————————
| | |
html css js

html：
冷門基礎： 文件宣告，meta配置詳解 ，
語義化，seo，html結構優化 + （收藏的blog）

css ：
解析過程/解析演算法的整理 ， 優化
+ （收藏的blog）

js ：（收藏的blog）

程式設計基礎：關於容錯，維護性，拓展，抽象，耦合，依賴問題的解決。
程式設計的過程： 編碼技巧（js的基礎認識+應用），專案架構分析 （業務量，mvc？ ），設計模式（業務密度高的情況下），

框架的認識：

工程/專案優化相關：

單元測試，前端整合伺服器的構建（mock，log，pack，push）