阿里雲前端週刊-第27期

Houfeng發表於2017-10-17

推薦

1. Facebook 宣佈重置 React,Jest,Flow 與 Immutable.js 的開源證照

https://code.facebook.com/posts/300798627056246

自宣佈保留 React 等開源專案附帶專利要求的開源協議之後,社群反饋了極大的不滿與懷疑,包括 WordPress 在內的許多開源專案也宣佈即將切換技術棧;鑑於此,Facebook 宣佈將在下週統一地重置 React,Jest,Flow,Immutable.js 為 MIT 開源協議。亡羊補牢,為時未晚,希望 React 整個社群能夠繼續蓬勃發展。

2. JavaScript 完整編年史

https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript

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

3. 編寫無障礙網頁的 CSS

https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939

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

其它

1. 一次前後端分離的實踐

https://mp.weixin.qq.com/s/Kwq6Eej8EMYzTcQgIKG2WQ

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

2. 型別與否:量化 JavaScript 中可檢測的錯誤

https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/

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

3. 構建簡單的類 React 框架

https://hackernoon.com/build-your-own-react-48edb8ed350d

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

4. 從 React 到 React Fiber

http://insights.thoughtworks.cn/react-fiber/

React Fiber 採用的排程策略讓開發者對 React 應用有了更細節的控制。開發者可以通過控制不同型別任務的優先順序,提高使用者體驗和整個應用程式的靈活性。
React JavaScript

5. 如何管理好 10 萬行程式碼的前端單頁面應用

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

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

6. 介面中的視覺差

http://www.zcool.com.cn/article/ZNTYyNDUy.html

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


相關文章