阿里云前端周刊 - 第 23 期

摘要：

## 推荐 ### 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/article/ZNTQ4NjE2.html 阿里巴巴在中台战略的背景下，设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地完成业务需求的设计，同时还需要思考设计的价值，也就是经常提到的最佳方案性价比。我们需要在设计的个性化表达和资源投入之间找到最

推荐

1. 组件化设计思维 – 从规范到工具的构建与探索

www.zcool.com.cn/article/ZNT…

阿里巴巴在中台战略的背景下，设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地完成业务需求的设计，同时还需要思考设计的价值，也就是经常提到的最佳方案性价比。我们需要在设计的个性化表达和资源投入之间找到最佳的平衡点，在关注出色视觉表现的基础上，逐渐加强对项目协同及体验价值的关注，逐步形成新的设计思维模式。

2. 如何使用 Issue 管理软件项目？

www.ruanyifeng.com/blog/2017/0…

软件开发（尤其是商业软件）离不开项目管理，Issue 是最通用的管理工具之一，本文介绍 Issue 的基本用法。

3. 如何优雅的编写 JavaScript 代码

zhuanlan.zhihu.com/p/28910636

几乎每个大一点公司都有一个“运行时间长，维护的工程师换了一批又一批”的项目，如果参与到这样的项目中来，大部分人只有一个感觉——”climb the shit mountain“。

其它

1. 微软开发部门DevOps 经验谈——从经验中学习

www.infoq.com/cn/articles…

在2008 年，我们开发团队刚开始使用Agile 时，我们认为可以透过程式码品质控管，以及版本控制系统所提供的分支(branch) 功能等方式，让程式码维持高品质。

2. 有了 indexOf，为什么 ECMAScript 7 还添加了 Array.prototype.includes

tasaid.com/blog/201708…

ECMAScript 7 中新增了用于检测数组中是否包含某个元素 Array.prototype.includes() API，想到了 Array 其实有很多相关 API 可以检测到是否包含某个元素，比如 Array.prototype.indexOf，于是好奇为什么要实现这样一个 "看起来功能有点重复的 API"。

3. 如何改变表单控件光标颜色

www.w3cplus.com/css/caret-c…

表单大家应该不陌生，当然了，今天并不是来聊怎么做表单或者处理表单的样式网格。而是来聊聊怎么改变表单控件中光标的颜色。不知道在大家心中，表单控件的光标颜色是根据color属性来控制的。那么如果需要用CSS来改变表单控件，比如说input或者textarea元素的光标颜色，应该怎么处理呢？

4. DaoCloud 基于 RxJS 的前端数据层实践

zhuanlan.zhihu.com/p/28958042

近来前端社区有越来越多的人开始关注前端数据层的设计。DaoCloud 也遇到了这方面的问题。我们调研了很多种解决方案，最终采用 RxJS 来设计一套数据层。这一想法并非我们的首创，社区里已有很多前辈、大牛分享过关于用 RxJS 设计数据层的构想和实践。站在巨人的肩膀上，才能走得更远。因此我们也打算把我们的经验公布给大家，也算是对社区的回馈吧。

5. 写 CSS 的姿势

www.w3cplus.com/css/css-evo…

前两天去帝都参加第三届FEDay前端开发者大会，见了很多老朋友，也认识了很多新朋友。最主要的是听了很多大神的分享，涨了不少的姿势。想写这篇文章的出发点是PostCSS作者@Andrey Sitnik分享完之后有些同学提问，让我有感而发。

6. 从 setState promise 化的探讨 体会 React 团队设计思想

juejin.im/post/59a699…

在 React 组件中，调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。但是，也许看似平常的 this.setState() 里面却也许蕴含了很多鲜为人知的设计和讨论。