阿里雲前端週刊-第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 專案中的樣式宣告。本文則著眼於介紹 Styled-Components 的設計理念與基本用法，首先介紹了 Styled-Components 的設計目標，然後介紹瞭如何使用 Styled-Components 來建立可複用的元件或者建立全域性樣式宣告。

2. React Redux 概念與工作流清單

https://github.com/uanders/react-redux-cheatsheet/blob/master/article/react-redux-concept-workflow.md

本文包含了一張關於 Redux 概念與工作流的清單圖解以及較為詳細地漸進式 Redux 基礎概念介紹。本文首先概述了專案開發中使用 Redux 的意義以及 Redux 相關的技術棧，然後介紹了 Reudx 中 Store 的含義與如何與 Immutable 協同使用；接下來本文介紹了 React Redux 應用中元件的層次劃分，如何定義使用 Action、ActionCreator、Reducer 等等；

3. 介面安全自檢清單

https://github.com/shieldfy/API-Security-Checklist/blob/master/README-zh.md

本文涵蓋了專案介面在設計、測試與釋出階段應該注意的安全事項。本清單首先闡述了應該使用標準的許可權控制方式 JWT 或者 OAuth 來替代基礎的 Basic Auth，然後分別討論了 JWT 與 OAuth 的設計要點。接下來本清單還列舉了對於接入過濾與防 DDoS 攻擊、使用合適的 HTTP 方法並且對使用者輸入進行有效校驗、避免關鍵資源外洩、設定合理的響應頭等等內容。

4. 給 Web 開發人員推薦的開源圖形庫

https://my.oschina.net/editorial-story/blog/1476483

現代 Web 開發在將體驗和功能做到極致的同時，對於美觀的追求也越來越高，資料視覺化、動畫互動、2D/3D 等元素已然成為標配。本文整理了一些精品開源圖形庫，旨在專注於最常見的問題和最常用的東西。

其它

1. MySQL資料庫“十宗罪”（十大經典錯誤案例）

http://sumongodb.blog.51cto.com/4979448/1949426?from=groupmessage

本文作者列舉 MySQL 資料庫中，最經典的十大錯誤案例，並附有處理問題的解決思路和方法，希望能給剛入行，或資料庫愛好者一些幫助，今後再遇到任何報錯，可以更淡定地去處理

2. WebAssembly：解決 JavaScript 痼疾的一顆銀彈？

http://www.infoq.com/cn/news/2017/07/WebAssembly-solve-JavaScript

《沒有銀色子彈》是 Fred Brooks 在 1987 年所發表的一篇關於軟體工程的經典論文。該論文的主要論點是，沒有任何一項技術或方法可以能讓軟體工程的生產力在十年內提高十倍。 在 Web 開發這一領域，由於 JavaScript 一直存在著諸多從本質上來看無法解決的問題，那麼解決 JavaScript 痼疾的銀色子彈是否存在呢？

3. Canvas粒子系統：3D球體

http://www.w3cplus.com/canvas/deformable-particles.html

本文作者在Codepen上看到了一個很驚豔的3D特效，一時驚歎，fork下來後，讀了一下原始碼，200多行，十分精簡，但是內勁無窮。這裡和大家分享一下作者的思路和一些基礎的數學知識。

4. 純 CSS 實現波浪效果

http://www.cnblogs.com/coco1s/p/7197662.html

通常實現波浪的曲線需要藉助貝塞爾曲線，本文轉換思路，通過圓角和 CSS 動畫實現了一種波浪效果。