FEX 技術周刊 - 2015/11/23
微信搜索『FEX』關注我們的公眾號，及時獲得最新資訊。
業界會議
2015中國軟件開發者大會
可重點關注前端專場，期待資料放出。來自美團的“前端分布式編譯系統的設計”挺值得關注的，前端已經繞不開編譯了，但目前各種工具在代碼量龐大時都存在構建時間長的問題。編譯比較理想狀態是：雖然有編譯過程，但開放者基本無感知。所以，編譯耗時的優化是值得去研究和解決的一個技術問題。大會還發布了《中國軟件開發者白皮書》，不過得登記資料才能下載。
深閱讀
Introducing EdgeHTML 13, our first platform update for Microsoft Edge
Edge 最新版的更新說明，進一步增強對 HTML5 及 ES6 的支持。
雙11技術-對無線電商動態化方案的思考
- https://github.com/amfe/article/issues/13
- https://github.com/amfe/article/issues/14
- https://github.com/amfe/article/issues/15
雙 11 背后的技術，Weex - 一套完全針對無線電商動態化的技術方案：致力于移動端、能夠充分調度 native 的能力、能夠充分解決或回避性能瓶頸、能夠優雅“降級”到 HTML5、能夠快速迭代...當然，不要錯過這一系列技術文章 https://github.com/amfe/article/issues issue 中各路大神的討論也值得關注。
What’s in ECMAScript 2016 (ES7)?
http://www.2ality.com/2015/11/
This blog post describes the details of this new release process, along with four features that will probably be in ECMAScript 2016.
工程師文化的思考
由肉身KX上網加入 Google 的大神杜傳贏帶來的分享，內容包括：一：硅谷的工作環境和氣氛；二：Google的開發工具體系介紹；三：工作流程：質量與效率的權衡；四：招聘制度對公司及團隊的影響；五：工程師文化下的創新意識與員工心態。
React vs Angular 2
https://docs.google.com/document/d/1Ah9IJ72DhV4AzoZ1TJUnMzj42PzQrLrwQUkg9koO0dg/preview
React 與 Angular 2 的對比。
React 源碼剖析系列 － 不可思議的 react diff
http://zhuanlan.zhihu.com/purerender/20346379
介紹了 React 中高效的 DOM diff 算法。
Dependency Injection in Angular 2
http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html
針對 Angular 2 的 DI 的一個講解，和官方的 angular.io 相比講述的更加清晰。
Microsoft + Node.js Guidelines
https://github.com/Microsoft/nodejs-guidelines
微軟整理的 Node 入門基礎。
We need less powerful languages
http://lukeplant.me.uk/blog/posts/less-powerful-languages/
Many systems boast of being ‘powerful’, and it sounds difficult to argue that this is a bad thing. Almost everyone who uses the word assumes that it is always a good thing. The thesis of this post is that in many cases we need less powerful languages and systems.
The Cost of Frameworks
https://aerotwist.com/blog/the-cost-of-frameworks/
I recently delivered a talk at FFConf in Brighton, called "You should use , it's the bestestest!". I wanted to do a write-up of the presentation's content here, hopefully so it can start a broader conversation that I think we need to have, mainly around the cost of modern frameworks on mobile devices.
KX上網路由器的原理與實現
http://drops.wooyun.org/papers/10177
作為個搞技術的人，我們要干點瘋狂的事。如果我們不動手，我們就要被比我們差的遠的壞技術人員欺負。這太丟人了。眼前就是，GFW這個東西，之前是我們不抱團，讓它猖狂了。現在咱們得湊一起，想出來一個辦法讓它郁悶一下，不能老被欺負吧。要不，等到未來，后代會嘲笑我們這些沒用的家伙，就象我們說別人“你怎么不反抗？”
隱藏在 Node.js 浮點反序列化錯誤背后的故事
http://alinode.aliyun.com/blog/16
在 Node.js 中，當我們把一個浮點數序列化，再反序列化。我們會發現，再也取不出之前的值了。這篇文章幫我們分析了背后的玄機及解決方案。
前端開發筆記本
https://li-xinyang.gitbooks.io/frontend-notebook/content/
前端筆記本涵蓋了 Web 前端開發所需的基本知識以及學習路徑。它并不能當做一本完整的學習材料，因為在有限的篇幅中無法深入的展開每一個知識點。它更適合作為一個學習清單或者是查詢手冊，結合其他更在各個方面更專業的圖書或者官方文檔來進行同步學習。在使用過程中為了達到最佳的學習效果，也因將每個技術點實現并進行適當的拓展。
碼農-21期 A Swift Tour
http://www.duokan.com/book/99879
本期《碼農》將帶你踏上探尋Swift的旅程。從Hello World開始，再到Swift語言的前世今生。Swift和Objective-C，兩種語言現在的共處之道是怎樣的？想知道如何用Parse這個強大的移動開發平臺開發出像Instagram這樣的應用嗎？另外，我們還會告訴你一些關于Swift內存管理的冷門知識，了解這些定會開拓你對LLVM的理解。
Tradeoffs in server side and client side rendering
- https://medium.com/google-developers/tradeoffs-in-server-side-and-client-side-rendering-14dad8d4ff8b
- http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html
一個經典話題，需要結合業務場景、終端個點具體分析和選擇。
Closures are not magic
http://renderedtext.com/blog/2015/11/18/closures-are-not-magic/
Clousures 的科普文。
Modern Java - A Guide to Java 8
https://github.com/winterbe/java8-tutorial
This tutorial guides you step by step through all new language features. Backed by short and simple code samples you'll learn how to use default interface methods, lambda expressions, method references and repeatable annotations. At the end of the article you'll be familiar with the most recent API changes like streams, functional interfaces, map extensions and the new Date API. No walls of text, just a bunch of commented code snippets. Enjoy!
HTTP 代理原理及實現
Web 代理是一種存在于網絡中間的實體，提供各式各樣的功能。現代網絡系統中，Web 代理無處不在。我之前有關 HTTP 的博文中，多次提到了代理對 HTTP 請求及響應的影響。今天這篇文章，我打算談談 HTTP 代理本身的一些原理，以及如何用 Node.js 快速實現代理。
打造最舒適的webview調試環境
對于采用Hybrid開發的web應用，可以利用模擬器+Chrome+Charles舒服完美地調試webview頁面。
Webkit 遠程調試協議初探
http://taobaofed.org/blog/2015/11/20/webkit-remote-debug-test/
Webkit 的遠程調試協議是 Webkit 在 2012 年引入的。目前所有 Webkit 內核的瀏覽器都支持這一特性。但是我們還是以 DevTools 和 Chrome 為出發點，來做討論。
你不再需要動態網頁——編輯-發布-開發分離
http://segmentfault.com/a/1190000004006820
盡管沒有特別的動力去構建一個全新的CMS，但是我還是愿意去撰文一篇來書寫如何去做這樣的事——編輯-發布-開發分離模式是如何工作的。微服務是我們對于復雜應用的一種趨勢，編輯-發布-開發分離模式則是另外一種趨勢。
實戰Growth Hacker：非死book快速增長的秘訣
- http://mp.weixin.qq.com/s?__biz=MzI1ODA2NTQzMw==&mid=209978942&idx=1&sn=a33ede2d57cd4573f329117c072141ac
- http://www.zhihu.com/question/20629136
Google、Amazon、非死book、推ter這些價值數千億美元的巨頭公司，它們的用戶規模是如何迅速擴張的？它們對產品的營銷是如何實現的？答案正與Growth Hacker有關，而這個名詞目前已經成為硅谷最炙手可熱的職位之一，在國內也大有興起之勢。與傳統的營銷模式不同，Growth Hacker在擴增自己用戶基數上有自己的一套玩法，能夠使產品變得令人贊嘆，并且讓用戶樂于相互分享。他們癡迷于數據，致力于從數據獲取對創造新產品的啟發和市場行為的指導。
新鮮貨
部落圖鑒之PHP：迎著全世界的嘲諷占領世界
ied
https://github.com/alexanderGugel/ied
號稱比 npm 快很多的包管理工具，因為它使用的是并行安裝，不過由于某原因，恐怕不如 cnpm 快呢。
Rollup
https://github.com/rollup/rollup
Rollup is a next-generation JavaScript module bundler. Author your app or library using ES2015 modules, then efficiently bundle them up into a single file for use in browsers and Node.js – even if you use advanced features like bindings and cycles.
GitHub 新版界面 - A new look for repositories
https://github.com/blog/2085-a-new-look-for-repositories
Repositories on GitHub are about to get a brand new look. The new design improves navigation and simplifies page layout, all while improving the code and performance under the hood.
Grunt 被 jQuery Foundation 接管
https://blog.jquery.com/2015/11/19/grunt-rebooted/
Grunt is one of the best-known and most popular task runners in the web developer’s toolkit. Now that this project has joined the jQuery Foundation, we’re looking to get the project rolling again.
Visual Studio Code 正式開演并支持擴展開發
VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools. 感覺發展勢頭不錯。
Ant Design of React 0.10.0 發布
https://github.com/ant-design/ant-design
Ant Design of React 全新的 0.10.0 版本終于釋出。本版本有大量新特性、改進和 bugfix，歡迎大家跟進升級，享受最新的特性和功能。
Plotly.js 開源 - 一個專注科學數據可視化的庫
Today, Plotly is announcing that we have open-sourced plotly.js, the core technology and JavaScript graphing library behind Plotly’s products (MIT license). It's all out there and free. Any developer can now integrate Plotly’s library into their own applications unencumbered. Plotly.js supports 20 chart types, including 3D plots, geographic maps, and statistical charts like density plots, histograms, box plots, and contour plots.
Sigma.js: a JavaScript library for graph drawing
Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.
使用CSS3 will-change提高頁面滾動、動畫等渲染性能
http://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/
JavaScript 異步方案 async/await
https://blog.leancloud.cn/3910/
JavaScript 一直想在語言層面徹底解決異步調用這個問題，在 ES6 中就已經支持原生的 Promise，還引入了 Generator 函數，終于在 ES7 中決定支持 async 和 await。
Goo Engine 開源
http://goocreate.com/blog/1199/oh-my-code-goo-engine-goes-open-source/
這是一個商業 WebGL 3D 引擎。
Apache Geode: Distributed, in-memory database
http://geode.incubator.apache.org/
Geode is an open source, distributed, in-memory database for scale-out applications. Performance is key. Consistency is a must.
tus.io
基于 HTTP 的斷點續傳上傳協議。
React Tree View Component
https://github.com/alexcurtis/react-treebeard
React Tree View Component. Fast, Efficient and Customisable.
Aurelia
Aurelia is a next gen JavaScript client framework for mobile, desktop and web that leverages simple conventions to empower your creativity.
Mo.js – motion graphics for the web
WebTorrent - Streaming torrent client for node & the browser
https://github.com/feross/webtorrent
WebTorrent is a streaming torrent client for node.js and the browser. YEP, THAT'S RIGHT. THE BROWSER. It's written completely in JavaScript – the language of the web – so the same code works in both runtimes.
JavaScript Air
The live broadcast podcast all about JavaScript
阿里巴巴與 Apache 的故事
- http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=400392268&idx=2&sn=2aedc16dfd601eae8118d11225a5c4bb
- https://github.com/alibaba/jstorm
11月19日，阿里巴巴集團宣布正式加入Apache基金會。同時，向Apache基金會捐贈開源項目JStorm。JStorm正式成為 Apache Storm里的子項目。JStorm將在 Apache Storm里孵化，孵化成功后會成為Apache Storm主干。
Windows 30歲了：藍屏、死機，但它依然是最偉大的操作系統
http://www.pingwest.com/windows-30-years/
Windows 30歲了。它早已是個人電腦操作系統的霸主。不過，在這個高速前進的行業，它也站在了一個前途未知的路口。本文回顧 Windows 30年來的發展歷程，順便對這個最偉大的操作系統說一聲“生日快樂”。
產品及其它
2015美國新媒體研究報告
- http://mp.weixin.qq.com/s?__biz=MzA5NDMxMTAyMg==&mid=400338781&idx=1&sn=8ca58149fdbf5e7738e648afd2ff0342
- http://tech.qq.com/a/20151112/009810.htm
來自美國皮尤（Pew）研究中心的專家Lee Rainie，發布了另一份重磅報告《2015美國新媒體研究報告》：哪三場技術革命徹底改變了媒體行業？第四場革命又將在哪里發生？對新聞業有和影響？今天的美國人如何看新聞？他們和中國讀者的喜好一樣嗎？關于媒體的未來，關于人類與信息交互的未來，美國專家有哪些洞察？另附企鵝智庫發布的中國新媒體報告： http://tech.qq.com/a/20151112/009810.htm#p=1
傅盛：空杯仰視才有可能改變世界格局
簡單的人一定能做出偉大的事；永遠不要去簡單地抱怨困難，你的目的是解決困難；樹立一個簡單的目標，才能沖破重重阻礙；如果你在認知上，落后于這個時代，你就必然會被淘汰；
Tominsight 移動互聯網原罪：顛覆還是墮落
TOMsInsight團隊通過真實案例分析，和大家一起洞察移動社交流量的底層故事和行業生態，報告的主題是：「移動社交流量：是分享還是傳銷」。
馬化騰內部講座：我們希望的產品經理是從技術晉升而來的
產品的更新和升級需要產品經理來配合，但我們產品經理做研發出身的不多。而產品和服務是需要大量技術背景的，我們希望的產品經理是非常資深的，做過前端、后端開發的技術研發人員晉升而來。好的產品最好交到一個有技術能力、有經驗的人員手上，這樣會讓大家更加放心。如果產品經理不合格，讓很多兄弟陪著干，結果就會發現方向錯誤是非常浪費和挫傷團隊士氣的。
創業者的很多素質是天生的
開復老師的分享。