奇舞周刊130期

## 奇舞推荐 * ### [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，对于其他安全策略的实践更是很少，本文的目的并非讨论安全和攻击的细节，而是从策略的角度引发对安全的思考和重视