阿里雲前端週刊 - 第 31 期

推薦

1. 利用 Dawn 工程化工具實踐 MobX 數據流管理方案

https://zhuanlan.zhihu.com/p/...

項目在最初應用 MobX 時，對較爲複雜的多人協做項目的數據流管理方案沒有一個優雅的解決方案，經過對MobX官方文檔中針對大型可維護項目最佳實踐的學習和應用，把本身的理解抽象出一個簡單的todoMVC應用，供你們交流和討論。

2. FreeWheel 先後端分離改造實踐

http://www.infoq.com/cn/artic...

在現代前端應用的工程實踐中，先後端分離的架構會爲兩端帶來更多的靈活性，已成爲主流趨勢。與之相對的，傳統的單體Web應用（Monolithic Web Application）則將先後端代碼放在一塊兒，雖然耦合性較強，但在產品研發的特定階段仍具備較強的優點，早期的ASP.NET、Java Spring MVC，以及Ruby On Rails都是單體應用的表明性框架。本文將以FreeWheel從單體應用改造爲先後端分離的實踐爲例，着重介紹其間前端所遇到的挑戰和解決方案。

3. Node.js 9.0.0 發佈

https://juejin.im/post/59faa5...

按照官方發佈計劃，9.0 的發佈意味着 8.x 進入 LTS 階段，7.x 完全退出舞臺，6.x 的 LTS 還有半年結束。也就是說，差很少是時候考慮往生產環境部署 Node.js 8.x 了。

4. 美團點評境外度假團隊前端項目開發實踐總結

https://tech.meituan.com/fe-o...

隨着前端項目數量和規模愈來愈大，參與的人員也愈來愈多，如何在前端項目開發過程當中保證優質的開發者體驗和項目的可維護性，同時確保極致的用戶體驗將會是一個很是大的挑戰。爲了應對這個挑戰，美團點評境外度假前端研發團隊自2016年6月起啓動了面向C端用戶的"赫爾墨斯"項目。

更多

1. 從 Chrome 源碼看瀏覽器如何加載資源

https://zhuanlan.zhihu.com/p/...

對瀏覽器加載資源有不少不肯定性，資源的優化級是怎麼肯定的呢？資源優先級又是如何影響加載的前後順序的？有幾種狀況可能會致使資源被阻止加載？經過源碼能夠找到答案。

2. 前端狀態管理請三思

https://zhuanlan.zhihu.com/p/...

最近我開始思考React應用的狀態管理。我已經取得一些有趣的結論，而且在這篇文章裏我會向你展現咱們所謂的狀態管理並非真的在管理狀態。

3. GraphQL 初探：面向將來 API 及其生態圈

https://juejin.im/post/59fbd8...

GraphQL 做爲一個新的 API 標準，經過聲明式的數據獲取方式，給客戶端提供了簡潔、靈活、高效的數據查詢。適應了移動互聯網時代客戶端技術的快速發展和需求的快速迭代，是當前 REST 模式的有力競爭者。

4. 大前端之路 - 如何用 Web 技術一統三端開發

http://www.infoq.com/cn/artic...

如今的前端已經遠非用用 jQuery 和寫個頁面，而後解決一堆坑爹的瀏覽器兼容性問題了——而這些是我當時剛接觸的時候的常態。前端技術愈來愈複雜，有不低的技術門檻。同時，前端愈來愈重要，能作的事情愈來愈多，好比微信開發、APP、Desktop、AR / VR 等

5. 三十分鐘學會 Flex 佈局

https://zhuanlan.zhihu.com/p/...

爲何我要寫這一篇關於 Flex 佈局的教程？由於它十分簡單靈活，區區簡單幾行代碼就能夠實現各類頁面的的佈局，之前我在學習頁面佈局的時候我深受其 float、display、position 這些屬性的困擾。然而學習 Flex 佈局，你只要學習幾個 CSS 屬性，就能夠寫出簡潔優雅複雜的頁面佈局。