阿里云前端周刊 - 第 17 期

摘要：

## 推荐 ### 1. Styled-Components 实战 http://www.ruanyifeng.com/blog/2017/07/neural-network.html Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库，能够帮你组织 React 或者 React Native 项

推荐

1. Styled-Components 实战

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

Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库，能够帮你组织 React 或者 React Native 项目中的样式声明。本文则着眼于介绍 Styled-Components 的设计理念与基本用法，首先介绍了 Styled-Components 的设计目标，然后介绍了如何使用 Styled-Components 来创建可复用的组件或者创建全局样式声明。

2. React Redux 概念与工作流清单

github.com/uanders/rea…

本文包含了一张关于 Redux 概念与工作流的清单图解以及较为详细地渐进式 Redux 基础概念介绍。本文首先概述了项目开发中使用 Redux 的意义以及 Redux 相关的技术栈，然后介绍了 Reudx 中 Store 的含义与如何与 Immutable 协同使用；接下来本文介绍了 React Redux 应用中组件的层次划分，如何定义使用 Action、ActionCreator、Reducer 等等；

3. 接口安全自检清单

github.com/shieldfy/AP…

本文涵盖了项目接口在设计、测试与发布阶段应该注意的安全事项。本清单首先阐述了应该使用标准的权限控制方式 JWT 或者 OAuth 来替代基础的 Basic Auth，然后分别讨论了 JWT 与 OAuth 的设计要点。接下来本清单还列举了对于接入过滤与防 DDoS 攻击、使用合适的 HTTP 方法并且对用户输入进行有效校验、避免关键资源外泄、设置合理的响应头等等内容。

4. 给 Web 开发人员推荐的开源图形库

my.oschina.net/editorial-s…

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高，数据可视化、动画交互、2D/3D 等元素已然成为标配。本文整理了一些精品开源图形库，旨在专注于最常见的问题和最常用的东西。

其它

1. MySQL数据库“十宗罪”（十大经典错误案例）

sumongodb.blog.51cto.com/4979448/194…

本文作者列举 MySQL 数据库中，最经典的十大错误案例，并附有处理问题的解决思路和方法，希望能给刚入行，或数据库爱好者一些帮助，今后再遇到任何报错，可以更淡定地去处理

2. WebAssembly：解决 JavaScript 痼疾的一颗银弹？

www.infoq.com/cn/news/201…

《没有银色子弹》是 Fred Brooks 在 1987 年所发表的一篇关于软件工程的经典论文。该论文的主要论点是，没有任何一项技术或方法可以能让软件工程的生产力在十年内提高十倍。 在 Web 开发这一领域，由于 JavaScript 一直存在着诸多从本质上来看无法解决的问题，那么解决 JavaScript 痼疾的银色子弹是否存在呢？

3. Canvas粒子系统：3D球体

www.w3cplus.com/canvas/defo…

本文作者在Codepen上看到了一个很惊艳的3D特效，一时惊叹，fork下来后，读了一下源码，200多行，十分精简，但是内劲无穷。这里和大家分享一下作者的思路和一些基础的数学知识。

4. 纯 CSS 实现波浪效果

www.cnblogs.com/coco1s/p/71…

通常实现波浪的曲线需要借助贝塞尔曲线，本文转换思路，通过圆角和 CSS 动画实现了一种波浪效果。