阿里云前端周刊 - 第 17 期

推荐

1. Styled-Components 实战

https://hackernoon.com/styled...

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

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

https://github.com/uanders/re...

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

3. 接口安全自检清单

https://github.com/shieldfy/A...

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

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

https://my.oschina.net/editor...

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

其它

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

http://sumongodb.blog.51cto.c...

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

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

http://www.infoq.com/cn/news/...

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

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

http://www.w3cplus.com/canvas...

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

4. 纯 CSS 实现波浪效果

http://www.cnblogs.com/coco1s...

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