阿里雲前端週刊-第23期

推薦

1. 元件化設計思維 – 從規範到工具的構建與探索

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

阿里巴巴在中臺戰略的背景下，設計提效又再次推動著設計思維的變革。設計師們不僅僅需要出色地完成業務需求的設計，同時還需要思考設計的價值，也就是經常提到的最佳方案價效比。我們需要在設計的個性化表達和資源投入之間找到最佳的平衡點，在關注出色視覺表現的基礎上，逐漸加強對專案協同及體驗價值的關注，逐步形成新的設計思維模式。

2. 如何使用 Issue 管理軟體專案？

http://www.ruanyifeng.com/blog/2017/08/issue.html

軟體開發（尤其是商業軟體）離不開專案管理，Issue 是最通用的管理工具之一，本文介紹 Issue 的基本用法。

3. 如何優雅的編寫 JavaScript 程式碼

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

幾乎每個大一點公司都有一個“執行時間長，維護的工程師換了一批又一批”的專案，如果參與到這樣的專案中來，大部分人只有一個感覺——”climb the shit mountain“。

其它

1. 微軟開發部門DevOps 經驗談——從經驗中學習

http://www.infoq.com/cn/articles/microsoft-development-department-devops-experience

在2008 年，我們開發團隊剛開始使用Agile 時，我們認為可以透過程式碼品質控管，以及版本控制系統所提供的分支(branch) 功能等方式，讓程式碼維持高品質。

2. 有了 indexOf，為什麼 ECMAScript 7 還新增了 Array.prototype.includes

http://tasaid.com/blog/20170829180527.html

ECMAScript 7 中新增了用於檢測陣列中是否包含某個元素 Array.prototype.includes() API，想到了 Array 其實有很多相關 API 可以檢測到是否包含某個元素，比如 Array.prototype.indexOf，於是好奇為什麼要實現這樣一個 “看起來功能有點重複的 API”。

3. 如何改變表單控制元件游標顏色

http://www.w3cplus.com/css/caret-color.html

表單大家應該不陌生，當然了，今天並不是來聊怎麼做表單或者處理表單的樣式網格。而是來聊聊怎麼改變表單控制元件中游標的顏色。不知道在大家心中，表單控制元件的游標顏色是根據color屬性來控制的。那麼如果需要用CSS來改變表單控制元件，比如說input或者textarea元素的游標顏色，應該怎麼處理呢？

4. DaoCloud 基於 RxJS 的前端資料層實踐

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

近來前端社群有越來越多的人開始關注前端資料層的設計。DaoCloud 也遇到了這方面的問題。我們調研了很多種解決方案，最終採用 RxJS 來設計一套資料層。這一想法並非我們的首創，社群裡已有很多前輩、大牛分享過關於用 RxJS 設計資料層的構想和實踐。站在巨人的肩膀上，才能走得更遠。因此我們也打算把我們的經驗公佈給大家，也算是對社群的回饋吧。

5. 寫 CSS 的姿勢

http://www.w3cplus.com/css/css-evolution.html

前兩天去帝都參加第三屆FEDay前端開發者大會，見了很多老朋友，也認識了很多新朋友。最主要的是聽了很多大神的分享，漲了不少的姿勢。想寫這篇文章的出發點是PostCSS作者@Andrey Sitnik分享完之後有些同學提問，讓我有感而發。

6. 從 setState promise 化的探討 體會 React 團隊設計思想

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

在 React 元件中，呼叫 this.setState() 是最基本的場景。這個方法描述了 state 的變化、觸發了元件 re-rendering。但是，也許看似平常的 this.setState() 裡面卻也許蘊含了很多鮮為人知的設計和討論。