FEX 技术周刊 - 2015/12/28 · FEX 技术周刊

## 深阅读 **Compiling to WebAssembly: It’s Happening!** [https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/](https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/) 关注 WebAssembly 的最新进展情况。 **2015前端生态发展回顾** [https://github.com/kuitos/kuitos.github.io/issues/32](https://github.com/kuitos/kuitos.github.io/issues/32) 编程技术及生态发展的三个阶段 * 最初的时候人们忙着补全各种API，代表着他们拥有的东西还很匮乏，需要在语言跟基础设施上继续完善 * 然后就开始各种模式，标志他们做的东西逐渐变大变复杂，需要更好的组织了 * 然后就是各类分层MVC，MVP，MVVM之类，可视化开发，自动化测试，团队协同系统等等，说明重视生产效率了，也就是所谓工程化处在2015年这个时间段来看，前端生态已经进入了第三阶段。看上去好像已经走的挺远了，实则不然。如果再用人类历史上的三次工业革命来类比，前端发展其实不过刚刚迈入了蒸汽机时代，开始逐步用工具来替代过往相当一部分的人肉作业，但是离电气时代的自动化流水线作业还有很长一段路要走。 **像 FEX 这样的纯技术研发团队是如何在内部推进的** [http://www.zhihu.com/question/38741226](http://www.zhihu.com/question/38741226) 作为一个技术驱动、企业化运作的前端团队，FEX 可以说是一个神奇的存在，其运作模式和发展历程对打造前端团队非常有参考价值。对这个话题，FEX 两位负责人以及团队成员各自发表了看法，信任、务实＋专注、在合适的时候做合适的事情这几点相当重要。 **HTTP 2.0 and QUIC - protocols of the (near) future** [http://2014.jsconf.eu/speakers/iliyan-peychev-http-20-and-quic-protocols-of-the-near-future.html](http://2014.jsconf.eu/speakers/iliyan-peychev-http-20-and-quic-protocols-of-the-near-future.html) [https://www.chromium.org/quic](https://www.chromium.org/quic) [https://en.wikipedia.org/wiki/QUIC](https://en.wikipedia.org/wiki/QUIC) 与一位同事研究 Google Docs 时发现 Google 已经大范围使用 QUIC 协议，分享一些相关资料。V8、SPDY、Chrome、Blink，Google 这种追求极致的精神已经从底层优化性能的方式让人敬佩。 **Vue.js: 2015 in Review** [http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/](http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/) [http://segmentfault.com/a/1190000004200486](http://segmentfault.com/a/1190000004200486) The year of 2015 has been a pretty crazy ride for Vue.js. The project has grown way beyond my expectations, so I’d like to take a look back and put things in perspective. **使用高阶函数实现类的扩展设计** [http://efe.baidu.com/blog/use-high-order-functions-for-extensions/](http://efe.baidu.com/blog/use-high-order-functions-for-extensions/) 在不少框架中，都会对“扩展”这一概念有需求。所谓扩展，即一个可组合的组件，用于嵌入到目标的生命周期中，对目标的行为进行额外的处理使得目标拥有不同的表现。一个非常简单的案例即日志的记录。通常框架自身并不会有业务相关的日志记录的功能，而业务代码也不希望混入并非业务逻辑的日志记录部分。那么使用一个扩展，在合适的点进行日志的收集和存储是很合适的设计。 **Angular2与React，前端的未来志向何方** [https://www.zhihu.com/question/38576309](https://www.zhihu.com/question/38576309) 目测，这个话题明年仍是热点。 **WebGL技术储备指南** [http://taobaofed.org/blog/2015/12/21/webgl-handbook/](http://taobaofed.org/blog/2015/12/21/webgl-handbook/) WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物，花点时间整理出来与大家分享。 **Why I'm not using your open source project** [https://www.nczonline.net/blog/2015/12/why-im-not-using-your-open-source-project/](https://www.nczonline.net/blog/2015/12/why-im-not-using-your-open-source-project/) 说到开源, 也许你会想到, Apache, PHP, MySQL, Hadoop这些成功的案例, 但是这篇文章有点不同看法: "Most open source projects are crap, and you need to be careful which ones you use. **Deep Learning in a Nutshell: History and Training** [http://devblogs.nvidia.com/parallelforall/deep-learning-nutshell-history-training/](http://devblogs.nvidia.com/parallelforall/deep-learning-nutshell-history-training/) 深度学习的发展历史。 **Neon: Node + Rust =** [http://calculist.org/blog/2015/12/23/neon-node-rust/](http://calculist.org/blog/2015/12/23/neon-node-rust/) 使用 Rust 来编写 Node 扩展 **作为 HTTPS 的骨灰粉，怎么可以不加入 HSTS 预载入列表** [https://linux.cn/article-6754-1.html](https://linux.cn/article-6754-1.html) 强制走 HTTPS，彻底解决劫持问题 **Grid, Flexbox, Box Alignment: Our New System for Layout** [https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/](https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/) In this article, I’m going to take a look at the common features of our new layout systems, along with a couple of examples which serve to highlight the differences between them. **手机淘宝移动端接入网关基础架构演进之路** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401920358&idx=1&sn=d847254bf1f21b94e771eacbdb5b3128](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401920358&idx=1&sn=d847254bf1f21b94e771eacbdb5b3128) 网络请求体验跟用户的购买行为息息相关，手机淘宝从过去的HTTP API网关，到2014年升级支持SPDY，2015年双十一自研高性能、全双工、安全的ACCS（阿里云通道服务)扛住双十一战场主要流量，无论是基础架构的演进、网络调优、协议的优化、异地多活、网络调度上都有不少宝贵的经验。 **京东技术架构之构建需求响应式亿级商品详情页** [http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=404554543&idx=2&sn=f9c71cdb5249e7f1f7134383fbf0bae8](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=404554543&idx=2&sn=f9c71cdb5249e7f1f7134383fbf0bae8) 详细介绍了京东商品详情页的技术演变，很有参考意义。 **Java工程师成神之路~** [http://www.hollischuang.com/archives/489](http://www.hollischuang.com/archives/489) 哪位大侠来一个 JavaScript 工程师成神之路 **为什么你招聘不到程序员，以及软件如何定义现实世界** [http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=401557388&idx=1&sn=c2f6e190876093261686ac8f2c18483d](http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=401557388&idx=1&sn=c2f6e190876093261686ac8f2c18483d) 文中这个观点不错：软件正在定义现实世界、软件帮助人们重新定义社会规则。 **Why everything should have a URL** [http://ben.balter.com/2015/11/12/why-urls/](http://ben.balter.com/2015/11/12/why-urls/) Github 内部的最佳实践，所有东西都有 URL，这个想法非常不错。 ## 新鲜货 **GitLab 8.3 released with Auto-merge and GitLab Pages** [https://about.gitlab.com/2015/12/22/gitlab-8-3-released/](https://about.gitlab.com/2015/12/22/gitlab-8-3-released/) You can now merge automatically after a build has passed, we’re introducing GitLab Pages for Enterprise Edition, and issues have new powers in both CE and EE! **Nuwa** [https://github.com/jasonross/Nuwa](https://github.com/jasonross/Nuwa) 一个 Android 热更新库，在作者博客上还介绍了发展过程 [http://jiajixin.cn/2015/12/16/nvwa/](http://jiajixin.cn/2015/12/16/nvwa/) **Parse** [http://parseplatform.github.io/](http://parseplatform.github.io/) Parse 的开源项目集，主要是一些 Parse 自己特定的 SDK 和组件。 **Yahoo** [https://github.com/yahoo/anthelion](https://github.com/yahoo/anthelion) 雅虎开源的 Nutch 爬虫插件。 **有了 tldr，妈妈再也不用担心我记不住命令了** [http://codingstyle.cn/topics/26](http://codingstyle.cn/topics/26) 介绍了一个工具：tldr。它的意思是「Too long, Don't read」，翻译成中文就是：「太长不读」。我们可以使用man或者--help来查看特定命令的用法，但读起来效率很低。tldr 根据「二八原则」原理，将命令的常用「场景」给出示例，让人一看就懂。 **is-utf8** [https://github.com/wayfind/is-utf8](https://github.com/wayfind/is-utf8) 淘宝 UED 某人写了一个 Node.js 的库叫 is-utf8，裡面有一个包含中文的测试文件。这个库被当今最流行的 ES6 编译工具 Babel 依赖，所以这个文件已被无数前端工程师下载过。 **圣诞节，把网站所有的js代码都压缩成圣诞树吧** [http://zhuanlan.zhihu.com/yutou/20439979](http://zhuanlan.zhihu.com/yutou/20439979) [https://github.com/xinyu198736/js2image](https://github.com/xinyu198736/js2image) js2image 是一个可以把js源代码压缩成一个ascii字符画的源代码的工具，它的特色是压缩后的代码仍可运行，而不是简单的拼成最终的图案。 **Node v4.2.4 (LTS)** [https://nodejs.org/en/blog/release/v4.2.4/](https://nodejs.org/en/blog/release/v4.2.4/) **Awesome** [https://github.com/sindresorhus/awesome](https://github.com/sindresorhus/awesome) A curated list of awesome lists **A-Frame** [https://github.com/aframevr/aframe](https://github.com/aframevr/aframe) [https://aframe.io/](https://aframe.io/) Use markup to create VR experiences that work across desktop, iPhones, and the Oculus Rift. Building blocks for the VR Web. - Virtual Reality: Drop in the library and have a WebVR scene within a few lines of markup. - Based on the DOM: Manipulate with JavaScript, use with your favorite libraries and frameworks. - Entity-Component System: Use the entity-component system for better composability and flexibility. **阿里云100%兼容MongoDB的云数据库AliCloudDB for MongoDB公测** [http://www.aliyun.com/act/aliyun/alicloddb.html](http://www.aliyun.com/act/aliyun/alicloddb.html) **VisUAL** [http://salmanarif.bitbucket.org/visual/index.html](http://salmanarif.bitbucket.org/visual/index.html) 可视化学习 ARM 开发的模拟器 **Perl 6** [https://perl6advent.wordpress.com/](https://perl6advent.wordpress.com/) Perl 6 终于发布了，居然历时 15 年，错过了好多机会，不过 Perl 6 不向下兼容，语法上做了大量改进，还起了个日文名字 rakudo **Laravel 5** [https://jellybool.com/](https://jellybool.com/) 很不错的Laravel 5中文教程 **qiciengine** [https://github.com/qiciengine/qiciengine](https://github.com/qiciengine/qiciengine) 国产的一个开源 HTML5 游戏引擎。 **Real-time GIF images** [https://github.com/ErikvdVen/php-gif](https://github.com/ErikvdVen/php-gif) ## 产品及其它 **我为什么离开Airbnb?** [http://mp.weixin.qq.com/s?__biz=MzA4ODM1MTMzMQ==&mid=402670379&idx=3&sn=5e49aa5993a2733c9bb803d82a471049](http://mp.weixin.qq.com/s?__biz=MzA4ODM1MTMzMQ==&mid=402670379&idx=3&sn=5e49aa5993a2733c9bb803d82a471049) 还有一个反击文[我为什么不会离开Airbnb](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401870912&idx=1&sn=f6b7c514df1bf6594e167cde2477c46d)，文章背后是对工作和生活的思考，每个人在不同时间点的答案都不同，但这两点非常重要：不忘初心并且相信一切最后都会好起来。其实，将时间维度拉长，每个员工都会在某个时刻离开一个公司的，重要的是在这个公司的这段时间内，你带来什么、留下来什么、带走了什么。 **SpaceX 猎鹰九火箭一级回收成功** [http://video.weibo.com/show?fid=1034:bb41d666c1c021161db4b5ffeefe2126](http://video.weibo.com/show?fid=1034:bb41d666c1c021161db4b5ffeefe2126) 马斯克堪称神级人物，PayPal、Tesla、SpaceX、SolarCity，技术的力量。相关讨论：[马斯克与乔布斯谁更厉害](http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=401155364&idx=1&sn=669dc78f1c006f960b47c1212a4f4272) **77页PPT带你了解UCloud 357%增长背后的产品逻辑** [http://weibo.com/p/1001603923227016600532](http://weibo.com/p/1001603923227016600532) 2015年12月22日，UCloud Think in Cloud2015大会上，UCloud就成长数据、行业解决方案及新品、生态构建和2016年产品路线图规划向与会者阐述了UCloud 2015年的产品回顾和2016年的产品展望。 **活在一个注定失败的创业公司里，这 400 天来我的思考** [http://36kr.com/p/5041472.html](http://36kr.com/p/5041472.html) 泛崎科技"CEO，用自己的血泪史和我们分享创业中那些 “天时地利人和” 真的缺一不可。 **专访｜大搜车前端负责人@芋头君** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401387968&idx=1&sn=a2762cc59a40f1ee8ce216bad0c2e347](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401387968&idx=1&sn=a2762cc59a40f1ee8ce216bad0c2e347) 芋头君总结的这几点非常赞：保持好奇心、持续专注、多看多读、多总结多思考。这篇文章总结了 [伟大程序员的10个特质](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=400951261&idx=3&sn=c115bd591cb51db9c80b4c923e2469d6) 可以对照着看。另附：[前端早读课的专访汇总](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401413108&idx=1&sn=bde37d7d000b7ca27bbb29f49ba0a563) **论 Google 和 Facebook 资深产品经理的自我修养（上）** [http://36kr.com/p/5041378.html](http://36kr.com/p/5041378.html) 前 Gmail 产品经理的个人总结。