阿裡雲前端周刊 - 第 27 期

<a href="https://code.facebook.com/posts/300798627056246">https://code.facebook.com/posts/300798627056246</a>

自宣布保留 React 等開源項目附帶專利要求的開源協定之後，社群回報了極大的不滿與懷疑，包括 WordPress 在内的許多開源項目也宣布即将切換技術棧；鑒于此，Facebook 宣布将在下周統一地重置 React，Jest，Flow，Immutable.js 為 MIT 開源協定。亡羊補牢，為時未晚，希望 React 整個社群能夠繼續蓬勃發展。

<a href="https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript">https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript</a>

JavaScript 在近幾年取得了長足的發展，其文法特性與實踐技巧都在不斷地疊代更新；本文則是對于自面世以來的 JavaScript 發展曆史進行了盤點 ，對于每個時代面臨的問題、創新與發展以及主流的浏覽器技術進行了介紹。本文将 JavaScript 的發展曆史分為了解決基礎 DOM 操作與使用者互動的原始時代、解決跨浏覽器支援度的 jQuery 時代、SPA 時代與現代這幾個區間

<a href="https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939">https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939</a>

本文是作者在多年提高網頁的無障礙性方面的實踐分享，側重于如何編寫合适的 CSS 以提高網頁的無障礙性與可用性。本文依次介紹了從清晰的文本到高可讀性文本、慎用僞元素内容、螢幕并非唯一的媒介、屬性值相容、多種内容隐藏方式等内容；更多 JavaScript 相關資料參考這裡。

<a href="https://mp.weixin.qq.com/s/Kwq6Eej8EMYzTcQgIKG2WQ">https://mp.weixin.qq.com/s/Kwq6Eej8EMYzTcQgIKG2WQ</a>

前後端分離的問題，不僅僅是技術上的選型問題，還涉及到整個團隊在認知、職責、流程上面重新定義的問題，這也是為什麼前後端分離概念看起來簡單易懂，但真正團隊在落地的時候，一不小心，往往雞飛狗跳，甚至最終放棄"治療"。本文是作者基于自己之前的對一個團隊前後端分離改造的實踐經曆，介紹一下如何打造一個前後端分離的技術團隊。

<a href="https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/">https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/</a>

在團隊的技術選型時我們常常會考慮是否需要引入靜态類型檢測，是否應該使用 Flow 或者 TypeScript 這樣的工具，是否能夠有效地輔助發現問題。本文則是以問答的形式給出了作者的答案，本文首先讨論了靜态類型與動态類型各自的優劣，給出了常見的 JavaScript 動态類型導緻的問題示例，然後通過自身所在團隊的實踐分享了引入靜态類型之後捕獲的錯誤數量。

<a href="https://hackernoon.com/build-your-own-react-48edb8ed350d">https://hackernoon.com/build-your-own-react-48edb8ed350d</a>

本文中作者會循序漸進地介紹如何自己建構簡單的類 React 架構。作者首先讨論了 React 與 Angular 各自設計思想理念的對比，然後介紹了 DOM 樹的表示以及 JSX 解析函數的實作，接下來讨論了元件類的實作與 Props、State 屬性的支援，最後還簡述了 React Stack 與 Fiber 調和算法。

<a href="http://insights.thoughtworks.cn/react-fiber/">http://insights.thoughtworks.cn/react-fiber/</a>

React Fiber 采用的排程政策讓開發者對 React 應用有了更細節的控制。開發者可以通過控制不同類型任務的優先級，提高使用者體驗和整個應用程式的靈活性。

React JavaScript

<a href="https://juejin.im/post/59cb0d0b5188257e876a2d27">https://juejin.im/post/59cb0d0b5188257e876a2d27</a>

作者所在前端團隊負責多個資料相關的 PC Web 單頁面應用程式，業務複雜度類比 Excel 等桌面應用。這篇文章分享了作者在前端通用架構方面的經驗。

<a href="http://www.zcool.com.cn/article/ZNTYyNDUy.html">http://www.zcool.com.cn/article/ZNTYyNDUy.html</a>

我們的眼睛經常對我們撒謊。但是如果你知道人類視覺感官的特殊性，就可以創造出更合适和清爽的設計。