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 產品經理的個人總結。