FEX 技术周刊 – 2015/12/28
最后更新于：2022-04-01 00:04:40
## 深阅读
**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 产品经理的个人总结。