## 奇舞推薦 * ### [AMP，來自 Google 的移動頁面優化方案](https://imququ.com/post/amp-project.html) AMP 是 Google 推出的一項性能優化技術，號稱能大大加快移動端頁面呈現速度，提高整體體驗，本文就帶大家認識一下這項新技術。 奇舞推薦?AMP?Google?性能屈屈推薦 * ### [基于 Webpack 搭建前端工程解決方案探索](http://www.infoq.com/cn/articles/frontend-engineering-webpack) React 開發和模塊管理的主流工具，Webpack 同時提供了對 CommonJS、AMD 和 ES6 模塊化標準的支持。 奇舞推薦?Webpack?工程化 * ### [“位置”在 CSS 里的細節](http://segmentfault.com/a/1190000003840639) 想要讓元素穩定地待在為它預定的位置上，還是有很多功課要做的。本文只介紹了一部分有關位置的細節知識，如果你也曾對這些內容有所困惑，那么希望能有所幫助。 奇舞推薦?CSSwendy推薦 ## 前端工程 * ### [如何編寫可維護可升級的代碼](http://www.cnblogs.com/yexiaochai/p/4876099.html) 小釵前輩寫的關于 WebApp 的文章，感覺和自己目前的理解比較相近，進階的東西，有業務場景，有講解，也有代碼實例。 前端工程?組件化小擼推薦 * ### [設計易用的 RESTFul API](http://efe.baidu.com/blog/friendly-restful-api/) REST 不僅是一份 API 設計準則，更是一套軟件實現架構，用于指導客戶端與服務器端之間的交互。 前端工程?API?REST * ### [圖解 Flux](http://zhuanlan.zhihu.com/FrontendMagazine/20263396) 在如今的 Web 開發領域，Flux 最流行也最容易被大家所誤解的技術之一。本教程打算以一種大家都能理解方式圖解 Flux。 前端工程?React?Facebook?Flux?JavaScript公子推薦 ## CSS * ### [記一次淘寶首頁奇葩的渲染問題](http://www.barretlee.com/blog/2015/10/14/a-incredible-bug-in-taobao-homepage/) 你曾經在 Chrome 瀏覽器上碰到過這樣的問題沒：1）Hover 觸發一個層展示, Hover 離開后，這個層還遺留殘影；2）瀏覽器沒有清理一個元素渲染的上一個狀態，導致頁面多出一個錯位的跟該元素一模一樣的影子；3）交互時突然出現一個方形色塊，覆蓋在元素上？本文帶你一起探討這類問題背后的原因。 CSS?渲染?瀏覽器屈屈推薦 * ### [理解 SVG transform 坐標變換](http://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/) 張鑫旭老師的這篇文章相當詳盡的講解了 SVG transform 變換的語法、特點以及一些實際的處理等等。有相當多的截圖，源代碼展示，還有必要的 demo，對了，還有很多 gif 示意。如果你要學習 SVG，該文內容一定會對你的學有所幫助的。 CSS?SVGwendy推薦 ## 其它 * ### [如何洞悉隱性需求](http://mp.weixin.qq.com/s?__biz=MjM5NTA0NjY4MA==&mid=216015155&idx=4&sn=fd5bce01eb1e12bf634ee24337414caf&scene=2&srcid=1013UOKcVgjD9piLUAJmiOSe&from=timeline&isappinstalled=0#rd) 雖然是開發者視角，但產品和運營同樣也會感同身受。 產品設計 需求李松峰推薦 * ### [關于 Web 安全，99% 的網站都忽略了這些](https://blog.wilddog.com/?p=290) Web 安全是一個如何強調都不為過的事情，我們發現國內的眾多網站都沒有實現全站 https，對于其他安全策略的實踐更是很少，本文的目的并非討論安全和攻擊的細節，而是從策略的角度引發對安全的思考和重視