编程狂人第五十一期(2014-11-25).pdfVIP

关于推酷 推酷是专注于IT圈的个性化阅读社区。我们利⽤智能算法, 从 海量⽂章资讯中挖掘出⾼质量的内容,并通过分析⽤户的阅读 偏好,准实时推荐给你最感兴趣的内容。我们推荐的内容包含 科技、创业、设计、技术、营销等内容,满⾜你⽇常的专业阅 读需要。我们针对IT⼈还做了个活动频道, 它聚合了IT圈必威体育精装版 最全的线上线下活动,使IT⼈能更⽅便地找到感兴趣的活动信 息。 关于周刊 《编程狂⼈》是献给⼲⼤程序员们的技术周刊。我们利⽤技术 挖掘出那些⾼质量的⽂章,并通过⼈⼯加以筛选出来。每期的 周刊⼀般会在周⼆的某个时间点发布,敬请关注阅读。 本期为精简版周刊完整版链接:/ admin/mag/periods/5473346ad91b141ea501834b/edit 欢迎下载推酷客户端体验更多阅读乐趣 版权说明 本刊只⽤于⾏业间学习与交流署名⽂章及插图版权归原作者享 有 i ⽬录 01.当 AMD 遇上 FIS 02.你可能不知道的10个CSS3中的隐藏特性 03.缓存是新的内存 04.⽐较隐蔽的内存泄露案例分析 05.Kubernetes初体验 06.Web渗透练习技巧N则（⼀） 07.直接拿来⽤！⼗⼤Material Design开源项⺫ 08.偏爱MySQL ，Nifty使⽤4个Web Server⽀撑5400万个⽤户 ⺴站 09.对后端系统规模上升的⼀些思考 
 ii 节 1 当 AMD 遇上 FIS 作者：2betop 前⾔ 也许说 AMD 不知道这是啥，但说 requirejs 就都懂了。没错 AMD 就是 ⼀种模块定义的接⼝（API ），⽤来定义模块间依赖以及⾃⾝暴露什么内容 的⼀种规范。⽽ requirejs 就是⼀种实现了这些接⼝的 AMD Loader 。 说到 requirejs 相信不少⼈都已经对它爱不释⼿了，它真是给我们的开发 带来了不少便利性。只要我们每个模块都简单的遵守这个规则 // app.js define(function (require, exports, module) { var a = require(a); var b = require(b); exports.action = function () {}; }); 然后，简单⼀段 // 程序⼊⼝ require([/app], function(app) { 3 app.action(); }); 就把指定的所有依赖都⾃动加载进来了。 于是，我们慢慢的会把⼀个⼤功能模块，拆得⾮常⼩，让每⼀个模块都 只干最少的事，⽽且我们很享受这样的拆分，因为这样带给我们⾮常棒的可 维护性。 问题 当我们把代码拆得⾮常⼩之后，直接⽤ requirejs 去加载的时候，很容就 会出现这种情况。 4 性能好不好，可想⽽知。于是乎，我们需要把这些依赖打包起来。如何 打包？当然是 r.js 他提供⼀种指定⼊⼝⽂件将所有的依赖打包成⼀个⽂件的 ⼯具。常⽤的做法是，配置⼀个列表给每个⼊⼝程序都打成⼀个⽂件, 然后 ⼿动把所有的⼊⼝⽂件地址换成打包后的。 这样基本上能满⾜需求，但是仍然还有些问题？ • 每个⼊⼝及其依赖打成了⼀个包，多个⻚⾯间公⽤的依赖被打包到 了多处，⻚⾯切换公⽤依赖的缓存完全没有被利⽤起来。 • 每个⼊⼝地址我都得⼿动替换新地址，⿇烦！ • 有些 amd 模块写法，需要 requirejs 在运⾏期需要将 function 转成 字符分析依赖，性能会不会有问题？ 优化⽅案 如果你使⽤ FIS, 这些问题就都迎刃⽽解，⽽且还能带来其他更多的好 处。你可以先试⽤⼀下这个 fis amd demo 。然后，让我让我来细说 fis 针对 amd 模块做了哪些优化以及在 fis 中使⽤将带来哪些好处。 全新的编译插件 使⽤过 fis mod.js ⽅案的同学应该