365
阿裏雲前端周刊 - 第 17 期
推薦
1. Styled-Components 實戰
https://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 概念與工作流清單
本文包含了一張關於 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數據庫“十宗罪”（十大經典錯誤案例）
https://sumongodb.blog.51cto.com/4979448/1949426?from=groupmessage
本文作者列舉 MySQL 數據庫中，最經典的十大錯誤案例，並附有處理問題的解決思路和方法，希望能給剛入行，或數據庫愛好者一些幫助，今後再遇到任何報錯，可以更淡定地去處理
2. WebAssembly：解決 JavaScript 痼疾的一顆銀彈？
https://www.infoq.com/cn/news/2017/07/WebAssembly-solve-JavaScript
《沒有銀色子彈》是 Fred Brooks 在 1987 年所發表的一篇關於軟件工程的經典論文。該論文的主要論點是，沒有任何一項技術或方法可以能讓軟件工程的生產力在十年內提高十倍。 在 Web 開發這一領域，由於 JavaScript 一直存在著諸多從本質上來看無法解決的問題，那麼解決 JavaScript 痼疾的銀色子彈是否存在呢？
3. Canvas粒子係統：3D球體
https://www.w3cplus.com/canvas/deformable-particles.html
本文作者在Codepen上看到了一個很驚豔的3D特效，一時驚歎，fork下來後，讀了一下源碼，200多行，十分精簡，但是內勁無窮。這裏和大家分享一下作者的思路和一些基礎的數學知識。
4. 純 CSS 實現波浪效果
https://www.cnblogs.com/coco1s/p/7197662.html
通常實現波浪的曲線需要借助貝塞爾曲線，本文轉換思路，通過圓角和 CSS 動畫實現了一種波浪效果。
最後更新：2017-07-27 15:32:51