FEX 技術周刊-2015/08/17

[報名]React美團網技術專場

FIS - 基于組件使用統計的自動打包已開源

https://github.com/fex-team/autopack-kernel 本項目探討 代碼靜態分析 和 統計動態合并 的兩種靜態資源零配置自動合并方案，重點介紹了復雜項目場景下基于統計的自動合并的原理和實施過程。模塊核心接口適用于任意前端項目。

如何成為一名卓越的前端工程師

http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/ （譯文）

http://philipwalton.com/articles/how-to-become-a-great-front-end-engineer/ （原文）

作者觀點：學會預見瀏覽器發展趨勢、閱讀規范文檔、閱讀別人的代碼、與比你聰明的人一起工作、“造輪子”、把你學到的東西都記錄下來。

Chromium多進程架構簡要介紹和學習計劃

http://blog.csdn.net/luoshengyang/article/details/47364477

作者研究得挺認真的。

The web is awesome

Binary in Javascript

http://danthedev.com/2015/07/25/binary-in-javascript/

作者使用位存儲來減少內存占用，體積是之前的 12.5%，如果使用新的 Uint16Array 類型還能進一步減少到之前體積的 3%，這種優化方式在前端用得很少，推薦給不了解的讀者學習一下。

The technology behind preview photos

https://code.非死book.com/posts/991252547593574/the-technology-behind-preview-photos/

非死book 工程師介紹了他們是如何優化封面圖片的，通過壓縮和模糊處理，將預覽圖減小到了 200 字節，然后再去加載原始圖片，從而提升了在 2G 下的體驗。

Running V8 isolates in a multi-threaded ArangoDB database

https://www.arangodb.com/2015/08/running-v8-isolates-in-a-multi-threaded-arangodb-database/

介紹了 ArangoDB 中使用 V8 引擎的方式和 Node 中有什么不同。

Building a desktop application with Electron

https://medium.com/@bojzi/building-a-desktop-application-with-electron-204203eeb658

詳細介紹了如何使用 Electron 開發桌面程序。

On Monolithic Repositories

http://gregoryszorc.com/blog/2014/09/09/on-monolithic-repositories/

作者列舉了公司使用單一項目倉庫的優缺點，最后覺得這種方式是更值得使用的，Google 和 非死book 也都是這樣做的。

不僅用于UI構建：非死book React完全解析

http://www.csdn.net/article/2015-08-04/2825370-react React社區從其他領域（游戲渲染、ClojureScript、函數式編程）偷師學藝，結合前端面臨的獨特問題，提出了一系列解決方案。React社區在各方面都推動著前端社區往前進。

移動時代的前端加密

http://div.io/topic/1220

一些輕度游戲，用戶只會玩一兩次，生命周期也就兩三天。如果你開發的游戲被人山寨且他的渠道比你更廣，那么對于流量就是致命打擊。由于作品太容易被復制竄改，容易會失去渠道先機，所以加密重要的目的是出于對商業利益的保護。

Hacking Team泄露數據表明韓國、哈薩克斯坦針對中國發起網絡攻擊

http://drops.wooyun.org/news/7937 本文為Hacking Team泄露的400GB數據當中，查到韓國和哈薩克斯坦曾跟Hacking Team合作利用其開發漏洞利用工具發起針對中國攻擊的證據。

Using Graph Theory to Build a Simple Recommendation Engine in JavaScript

https://medium.com/@keithwhor/using-graph-theory-to-build-a-simple-recommendation-engine-in-javascript-ec43394b35a3

已經有人開始用 JavaScript 做原型開發了，比如這個簡單的推薦引擎。

The End of Global CSS

https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284 https://github.com/webpack/css-loader#local-scope https://github.com/css-modules/css-modules Any time we make a change to a CSS file, we need to carefully consider the global environment in which our styles will sit. No other front end technology requires so much discipline just to keep the code at a minimum level of maintainability.But it doesn’t have to be this way. It’s time to leave the era of global style sheets behind.

Relay - A JAVASCRIPT FRAMEWORK FOR BUILDING DATA-DRIVEN REACT APPLICATIONS

https://非死book.github.io/relay/ http://非死book.github.io/react/blog/2015/08/11/relay-technical-preview.html 感覺像是基于 GraphQL 的框架，但看代碼有點難懂。

TypeScript與Haxe：兩種截然不同的JS轉譯工具橫向對

http://www.infoq.com/cn/news/2015/08/typescript-vs-haxe 可以了解下編譯型 JavaScript 的知識。

Understanding ECMAScript 6

https://github.com/nzakas/understandinges6 This book is a guide for the transition between ECMAScript 5 and 6. It is not specific to any JavaScript environment, so it is equally useful to web developers as it is Node.js developers.

大神 Nicholas C. Zakas 寫的， es 6 正在逐步投入到生產環境，推薦學習。另附：

- ES6 代碼的 ES5 實現 http://gold.xitu.io/entry/55cc4c3700b01b7848c3add3

React’s JSX: The Other Side of the Coin

https://medium.com/@housecor/react-s-jsx-the-other-side-of-the-coin-2ace7ab62b98 JSX isn’t some wild idea. It’s a natural progression. So try not to freak out. JSX isn’t revolutionary. It’s evolutionary. Like most forms of evolution, it’s a clear improvement.

雪球在股市風暴下的高可用架構

http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=209562933&idx=1&sn=d9a09f7727d1bd83245f3d782359247e&scene=1#rd

雪球是一個提供理財產品的各類信息的應用，當前有百萬日活躍用戶，每天有4億的API調用。App Store 財務免費榜第 18 名。歷史上曾排到財務第二，總免費榜第 19。其技術棧由下列組件組成：Java，Scala，Akka，Finagle，Nodejs，Docker ，Hadoop，正在往“公私混合云”方向發展。這個文章介紹了其架構特點。

OpenGL ES 3.2 發布了

http://www.anandtech.com/show/9506/opengl-siggraph-2015-opengl-es-32-opengl-extensions-announced

這一版引入了 Android Extension Pack 擴展中的功能，使得它在渲染效果上可以媲美 PC 了，但目前的關鍵是 iOS 尚不清楚是否會支持。

Multi-OS Engine

https://software.intel.com/intel-inde-multi-os-early-access

Intel 推出的移動端跨平臺開發引擎，使得可以用 Java 開發 iOS 應用，和 RoboVM 類似，使用了 AOT 的方式，并自動生成 Java 的 binding。

RethinkDB 2.1: high availability

http://rethinkdb.com/blog/2.1-release/

這是一個類似 Mongodb 的 JSON 數據庫，最新版基于 Raft 算法實現了自動切換，從而做到高可用。

JSONPlus

https://github.com/serkanyersen/jsonplus

為 JSON 格式加上引用和注釋的支持，雖然很簡單，但挺實用的。

Future Node.js releases will be from the io.js repo https://github.com/nodejs/node#cnv https://news.ycombinator.com/item?id=10045248 恭喜兩者順利合體，前途無量。另附：

4.0 is the new 1.0 https://medium.com/node-js-javascript/4-0-is-the-new-1-0-386597a3436d

[資料]第二屆 CSS 大會

阿里巴巴加入 Linux 基金會

http://www.oschina.net/news/65228/alibaba-join-linux-fundation 2015年8月14日，阿里巴巴集團今日宣布正式加入全球知名非營利性組織Linux基金會，作為Linux基金會中首個來自中國的互聯網公司。同時，阿里巴巴也成為開源項目Xen的顧 問委員會成員，Xen是Linux基金會合作項目。

CSS 參考手冊4.2發布

http://css.doyoe.com/ 新增text-size-adjust,tap-highlight-color,user-drag,3D transform,語法閱讀指引等等,修訂了大部分模塊瀏覽器兼容性列表

Ubuntu One file syncing code Open Sourced

https://insights.ubuntu.com/2015/08/10/ubuntu-one-file-syncing-code-open-sourced https://launchpad.net/filesync-server The code we’re releasing is the server side of what desktop clients connected to when syncing local or remote changes. This is code where most of the innovation and hard work went throughout the years, where we faced most of the scaling challenges and the basis on which other components were built upon.

Ember.js 2.0 Released

Style guide for writing JS web servers

https://github.com/jonathanong/server-style-guide This is a style guide for creating web servers, specifically with koa. This is an extension of the JS Style Guide as well as Module Style Guide.

Datastore-agnostic ORM in JavaScript

https://github.com/geddy/model Model is a datastore-agnostic ORM in JavaScript. It serves as the model-component for the Geddy MVC Web framework for NodeJS.

LinkedIn副總裁談工程師文化

http://www.infoq.com/cn/news/2015/08/LinkedIn-AdMob 研發團隊領導者賴以生存的四點智慧： - 不要將建立公司與構建技術相混淆 - 在問“what”之前多問“how” - 對研發來說，不斷改進是有效的，但對研發文化卻不行 - 不要等，寫下你的文化宣言

程序員很窮

http://macshuo.com/?p=1328 Mac 君的感悟，喜歡這段：當你看到自己的代碼奔跑在成千上玩臺服務器上的時候，當你做的 App 運行在每個人的手機上的時候，你會覺得，一切都是值得的。另附：

－ 為何受傷的總是技術人 http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=213337056&idx=1&sn=13430d2f6a7a58fbe7e418ed9670ff9e&scene=2

我所理解的執行力

http://blog.devtang.com/blog/2015/08/15/talk-about-execution/ 來自猿題庫的經驗。執行力總結出來是五個字：「把事情搞定」。永遠不放棄對目標的努力（堅持）、多替別人著想（責任心）、努力提高自己的綜合能力（全棧）

【創業者說】我為創業交了幾十萬的學費

http://www.cyzone.cn/a/20150808/278492.html 很多領域已經不太適合草根、低配置的團隊創業了。另附兩個相關話題：

- 創業教父 Paul Graham：4個創業者必須知道的坑 http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=212620994&idx=3&sn=c8ec616a3f11575a615eb6050bae009f&scene=0#rd - 高調的創業者和成功的創業者有怎樣的區別？ http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=212581364&idx=1&sn=a927d54cc5231bafdb29bd3629fd9ed7&scene=0#rd