阿里雲前端週刊 - 第 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 動畫實現了一種波浪效果。