2016 年前端開發領域有什麼趨勢值得關注？

---

無需談具體的框架、技術、工具，有很多好的理念確實是有這些工具框架引出的，但是最重要的依舊是這些理念，我列個10條我認為核心的發展趨勢

1. ES正在變為一個Living standard，以後我們談論這個語言將不會再說版本號，而是談各個feature的使用
2. 以模塊而非文件為核心的設計和構建，程序、非程序資源均抽象成模塊
3. 數據在實現中趨向Immutable，對數據的所有者和讀寫控制變得更為嚴格
4. ES語言在實踐上逐漸採納靜態類型的理念，各種被濫用的動態性將慢慢進入不推薦的範疇
5. 數據為抽象和組件為抽象的兩種體系繼續爭鬥，直到再出來一個新事物完成兩者的大一統
6. 前端掌控中間件的系統分層模式開始推廣和流行，讓前端在網路和協議層面上擁有更多的控制力和創新發揮空間
7. 開始探索基於HTTP/2的構建實踐和原則，一年的時間大約勉強夠推出一些所謂的最佳實踐，是不是經得住時間的考驗就未知了
8. 以flex為首的新的CSS布局模式開始被接受並實際推廣應用，grid layout將走上檯面，伴隨著一堆科普文和《Grid與Table的異同之我見》之流被各種玩壞
9. 全站HTTPS化終於成為主流的追求，但追求和實現之間依舊距離遙遠
10. 前端對部署和運維將更為關注，全站CDN等都將被作為系統設計的一部分納入考慮

當然依舊會有很多難題我並不看好能在2016解決，僅個人觀點：

1. WYSIWYG編輯器依舊是一個世紀難題，產品豐富的創意與前端複雜的實現的矛盾不可調和
2. 複雜文件上傳依舊不會有很好的解決方案，配合對特寫格式文件的預處理（如圖片裁切壓縮）更加艱難
3. 因為manifest被瀏覽器實現玩壞而導致各種私自實現客戶端緩存（如利用localStorage）依舊遍地開花不可收拾
4. 對性能的追求被過分解讀和歪曲，半桶水們不切實際地堆積各種最佳實踐卻不以數據為基點認真探索自己的系統是否真有性能問題，問題結點何在
5. 性能上延遲與FPS被過分看重，而內存消耗被過分輕視
6. 函數式被過分推崇，依舊是半桶水們的鍋
7. Web Components並不被看好在2016能有質的突破和推廣
8. 基於前端技術的跨平台跨終端解決方案將倒下一大批，很有可能裡面就有Reactive Native的屍體
9. CSS的整體解決方案和復用、擴展、可維護性設計始終沒有被重視
10. 前端人才依舊呈兩極分化的趨勢，新手和高端都逐漸飽和，中間真正能幹活能幹好活的非常緊缺

---

TypeScript

由於某些不相關的討論，評論已關閉

---

WebAssembly

說真的如果他們搞出來（MVP 和 polyfill 完成）我馬上把 patrisika 後端改掉。不開玩笑。

---

React-web https://github.com/taobaofed/react-web

---

ES6普及

ReactNative或類似方案普及

阿里雙11成功，帶動一大批企業搞大前端

---

個人 比較期待：

• ES6
• 伺服器和瀏覽器端重用代碼, isomorphic or universal javascript
• 簡單App實現三端(瀏覽器，ios, Android)共用代碼，不管是React + ReactNative還是用Meteor / PhoneGap

---

按照一年一個框架來火的話

2016年應該是 ng2 了吧

---

@李小牧關於typescript 的討論真是太逗了。另外，達內是什麼

---

馬上D2 了過去聽聽吧

---

Flexbox 應該會在實際應用中有所表現

Flux 的設計思想應該會進一步發展

React 和 Angular2 的 PK 應該會開始

ES6 在新項目得到普及...

---

typescript

---

react，以及es6，不落伍。

---

反正我是打算好好關注react native噠

---

說一下耳熟能詳的幾個吧，排名不分先後。

Cordova

Babel

Webpack

Chakra

TypeScript

PostCSS

WebAssembly

應該不限於這些，想到了再補。

---

ES6的普及，Typescript和前端組件化

---

前端越來越像wpf了

---

uxpin上的e-book: 《2015－2016年網頁設計趨勢》http://studio.uxpin.com/ebooks/ux-design-trends-2015-2016-digital-products/

---

ES6最重要

---

• GraphQL
• React + Redux + Webpack

• ES2015 / Typescript
• 前端代碼分散式編譯

---

webcomponent

---

推薦閱讀：