FEX 技術周刊 - 2016/02/29 · FEX 技術周刊

## 業界會議 **React.js Conf 2016 - 2.22&2.23** [http://conf.reactjs.com/](http://conf.reactjs.com/) [https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY](https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY) **第二屆前端開發者大會 - 3月19日在廣州** [http://fequan.com/2016/](http://fequan.com/2016/) **MWC2016 - 世界移動通信大會** [http://digi.tech.qq.com/zt2016/mwc2016/index.htm](http://digi.tech.qq.com/zt2016/mwc2016/index.htm) 了解下高科技產品，VR 觸控投影挺搶眼的。 ## 深閱讀 **What’s Next in Computing?** [https://medium.com/@cdixon/what-s-next-in-computing-e54b870b80cc](https://medium.com/@cdixon/what-s-next-in-computing-e54b870b80cc) It is possible that the pattern of 10–15 year computing cycles has ended and mobile is the final era. It is also possible the next era won’t arrive for a while, or that only a subset of the new computing categories discussed above will end up being important. I tend to think we are on the cusp of not one but multiple new eras. The “peace dividend of the smartphone war” created a Cambrian explosion of new devices, and developments in software, especially AI, will make those devices smart and useful. Many of the futuristic technologies discussed above exist today, and will be broadly accessible in the near future. **專訪英特爾（中國）開源技術中心：HTML5要如何達到原生性能** [http://www.infoq.com/cn/articles/how-html5-achieve-native-performance](http://www.infoq.com/cn/articles/how-html5-achieve-native-performance) Crosswalk 運行環境負責人對于 HTML5 性能的看法 **2016 蓋茨公開信 - If you could have one superpower, what would it be?** [https://www.gatesnotes.com/2016-Annual-Letter](https://www.gatesnotes.com/2016-Annual-Letter) [http://mp.weixin.qq.com/s?__biz=MzA3OTgzMzUzOA==&mid=402583885&idx=3&sn=f82692ee92bd3ea06eac68e6f1e6c14f](http://mp.weixin.qq.com/s?__biz=MzA3OTgzMzUzOA==&mid=402583885&idx=3&sn=f82692ee92bd3ea06eac68e6f1e6c14f) 我和梅琳達剛剛發布了我們今年的公開信。這封信是寫給高中生的，因為我們相信有一天，他們將是解決兩大世界性挑戰的關鍵。數百萬全世界最貧窮的人靠農業為生，氣候變化會給他們帶來最沉重的打擊。貧困不僅只是缺錢，而是窮人缺乏發揮他們潛力所需要的資源，其中至關重要的兩項資源便是時間和能源。時間、能源這兩個話題，也值得碼農門深入思考。信中的這個問題：“如果你能擁有一種超能力，你希望是什么？”挺值得思考的，蓋茨的答案是：我們所有人都具備的一種超能力-改變他人生命的力量。 **[Javascript] Promise, generator, async與ES6** [http://huli.logdown.com/posts/292655-javascript-promise-generator-async-es6](http://huli.logdown.com/posts/292655-javascript-promise-generator-async-es6) 在Javascript裡面，有一個超級重要的概念就是非同步，這也是剛入門的時候最容易搞混、忘記的觀念。ES6原生支援了Promise，搭配Generator使用效果更佳，而ES7甚至支援了async的語法。我覺得這算是一個演進的過程，讓程式架構越來越好、可讀性越來越高。另附：[async/await: It’s Good and Bad](https://medium.com/@benlesh/async-await-it-s-good-and-bad-15cf121ade40#.1tosqkeq1) **Angular 2 Change Detection Explained** [http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html](http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html) With this article, we’d like to transform the talk into a written version, so everyone can read about how Angular’s change detection works and how to make it faster for our use cases. **譯-我為何放棄Gulp與Grunt，轉投npm scripts** [http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1](http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1) [http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part2](http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part2) [http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part3](http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part3) 近日,Cory House撰文談了他對于Gulp、Grunt與npm scripts的認識,并認為在現在的工程中,我們完全可以拋棄Gulp與Grunt,使用npm scripts就可以滿足項目之所需,本系列共三篇文章解釋了原因。但 TJ 大神建議可以在某些場景考慮 Makefile 了?[Minimizing boilerplate with NPM & Makefiles](https://medium.com/@tjholowaychuk/minimizing-boilerplate-with-npm-makefiles-3cfdce2934e7#.ilckbbstg) **Why we moved to React** [https://tech.instacart.com/why-we-moved-to-react/](https://tech.instacart.com/why-we-moved-to-react/) 架構遷移至 React 的經驗分享 **談一談前端多容器（多webview平臺）處理方案** [http://www.cnblogs.com/yexiaochai/p/5204847.html](http://www.cnblogs.com/yexiaochai/p/5204847.html) 拋開近幾年前端交互加重而導致的難度，我們今天主要探討下前端跨平臺一塊的痛點，也就是Hybrid多容器解決方案。Hybrid是一種混合開發模式，最簡單的理解就是，Native會提供一個webview容器（確實不明白可以理解為iframe），然后在里面加載你的H5站點。 **依賴管理工具漫談–從Maven,Gradle到Go** [http://jolestar.com/dependency-management-tools-maven-gradle/](http://jolestar.com/dependency-management-tools-maven-gradle/) 了解下其它語言的依賴管理工具 **換個思路看12306，其核心模型設計思路到底復雜在哪里** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402866528&idx=1&sn=3a3e9a4c177ae9d1964b27694dba4628](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402866528&idx=1&sn=3a3e9a4c177ae9d1964b27694dba4628) 12306 的復雜度絕對可以用“細思恐極”來形容。每一年的春運都是對12306的一次大考，拋去盲從和偏見，讓我們用工程師的思維重新打量、從業務分析的角度去探討，12306的核心模型設計思路和架構設計到底復雜在哪里？ **Readings in Database Systems, 5th Edition** [http://www.redbook.io/](http://www.redbook.io/) Readings in Database Systems (commonly known as the “Red Book”) has offered readers an opinionated take on both classic and cutting-edge research in the field of data management since 1988\. Here, we present the Fifth Edition of the Red Book — the first in over ten years. **Understanding git for real by exploring the .git directory** [https://medium.freecodecamp.com/understanding-git-for-real-by-exploring-the-git-directory-1e079c15b807#.ishxo0w7x](https://medium.freecodecamp.com/understanding-git-for-real-by-exploring-the-git-directory-1e079c15b807#.ishxo0w7x) New users are usually afraid by git and really, it is hard not to be. It is a powerful tool for sure but it is not really user friendly. Lots of new concepts, commands doing completely different things if a file is passed as a parameter or not, cryptic feedback … I think that one way to overcome those first difficulties is to do a little more than just git commit/push, I think that if we take the time to really understand what git is really made of, it can save you from a lot of troubles. **訪wiki創造者Ward Cunningham - 我們需要一次解決所有問題** [http://ink.csdn.net/articles/show/56cda23aa3ba764650bd5480](http://ink.csdn.net/articles/show/56cda23aa3ba764650bd5480) 大師新創造的?[Federated Wiki](http://fed.wiki.org/)?挺值得關注的。在他的設想中，人人都該擁有自己的wiki，并結成聯盟。若想編輯別人的頁面，只需點擊“Fork”——像GitHub那樣，將頁面復制到自己的wiki并開始編輯，而原始頁面則留下了你的線索，所有人都能看到，而原始頁面擁有者，能決定是否將合并修改——Wikipedia常迫使編輯者放棄自己的觀點，而Federated Wiki則能讓異見共存，這些觀點又相互連接。 **Medium開發團隊談架構設計** [http://itindex.net/detail/55246-medium-%E5%BC%80%E5%8F%91-%E5%9B%A2%E9%98%9F](http://itindex.net/detail/55246-medium-%E5%BC%80%E5%8F%91-%E5%9B%A2%E9%98%9F) Medium目前運行在 Amazon虛擬私有云，使用 Ansible做系統管理，它支持配置文件模式，我們將文件納入代碼版本管理，這樣就可以隨時回滾隨時掌控。Medium的后臺是個面向服務的架構，運行了大概二十幾個產品服務。劃分服務的依據取決于這部分功能的獨立性，以及對資源的使用特性。Medium的主體仍然是Node.js完成，方便前端和后端的代碼共享，主要是文章編輯和發布這個過程。我們還用Go語言做了一些輔助服務。 **專訪｜騰訊UI工程師@張鑫旭** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402128801&idx=1&sn=6187b917d7f7666f00fdfb5f9b67a026](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402128801&idx=1&sn=6187b917d7f7666f00fdfb5f9b67a026) 生物信息技術專業->專業的前端開發，這一路走來的很多經驗和感悟值得學習： - 一件事物能夠成為興趣，自然是要自己能夠做得來，有成就感，釋放能滿足自身愉悅感的激素，然后才能上癮并持之以恒走下去。 - 學習這東西一定是要肯花精力的，而且無法一蹴而就，需要日積月累，貴在堅持！ - 前端新人而言，重要的是自我認知清晰，知道自己想要的是什么，知道自己的特長在哪里 **高可用架構·Docker實戰** [http://www.epubit.com.cn/book/details/4374](http://www.epubit.com.cn/book/details/4374) 在架構的軟件交付領域，2015 年最突飛猛進的莫過于 Docker 了，在 2014 年末時，Tim 曾經計劃將“2015年主要精力投入到 Docker 上”，2015 年也已經過去，團隊在 Docker 工作中也取得了不少收獲。因此本期主要圍繞 Docker 的架構，從 2015 年高可用架構多篇文章整理，以及業界對于 2016 年的 Docker 發展一些展望。 ## 新鮮貨 **Draft.js -Rich Text Editor Framework for React** [http://facebook.github.io/draft-js/](http://facebook.github.io/draft-js/) Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles. **GitLab’s fastest release ever: 8.5, with Todos and Geo** [https://about.gitlab.com/2016/02/22/gitlab-8-5-released/](https://about.gitlab.com/2016/02/22/gitlab-8-5-released/) If there is one GitLab release that you’ll want to upgrade to as soon as possible, it’s this one. GitLab 8.5 is faster. A lot faster. Not only have we increased performance for everyone, getting to what is important is now super quick with Todos (yes, all important things for those of you that speak Spanish or Portuguese). **ECharts 3.1.1 發布** [http://weibo.com/ttarticle/p/show?id=2309403945642534796015](http://weibo.com/ttarticle/p/show?id=2309403945642534796015) ECharts 3.1.1 發布，依舊是已修復這一個月來大家反饋的各種 bug 為主，比如動態設置一些諸如 markPoint 的配置項會失效，IE 高版本和 firefox 高版本不能導出圖片，surface 等帶有觸屏的電腦上無法觸發鼠標事件等等。另外這個版本值得一說的一件事是 echarts 終于官方支持 npm 了，在項目中使用 webpack 或者 browerify 的同學可以非常方便的引入和打包 echarts。 **jQuery 1.12.1 and 2.2.1 Released** [http://blog.jquery.com/2016/02/22/jquery-1-12-1-and-2-2-1-released/](http://blog.jquery.com/2016/02/22/jquery-1-12-1-and-2-2-1-released/) **Announcing Ember’s First LTS Release** [http://emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html](http://emberjs.com/blog/2016/02/25/announcing-embers-first-lts.html) Ember 2.4 will be the first LTS release of the core framework, and will continue every four releases thereafter. **React - New Versioning Scheme** [http://facebook.github.io/react/blog/2016/02/19/new-versioning-scheme.html](http://facebook.github.io/react/blog/2016/02/19/new-versioning-scheme.html) Today we’re announcing that we’re switching to major revisions for React. The current version is 0.14.7\. The next release will be: 15.0.0 **Material** [https://github.com/CosmicMind/Material](https://github.com/CosmicMind/Material) Swift 實現的 Material Design UI **Swift Port to Android** [https://github.com/apple/swift/pull/1442](https://github.com/apple/swift/pull/1442) 有人提交了一個 pull request，可以讓 Swift 通過 Android NDK 編譯，目前還有不少問題，但值得關注 **Realm** [https://realm.io/news/introducing-realm-react-native/](https://realm.io/news/introducing-realm-react-native/) Realm 也支持 React Native 了 **Code Review，迅速幫你提升核心競爭力** [http://reviewcode.cn/belief.html](http://reviewcode.cn/belief.html) 可以算作碼農能力服務化之路上的一個產品，還有直播，挺有創意的。 **Introducing Chrome Debugging for VS Code** [http://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code](http://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code) Lets you debug client-side JavaScript code running inside Google Chrome directly from Visual Studio Code. **Android 學習資料收集** [https://github.com/Freelander/Android_Data](https://github.com/Freelander/Android_Data) 對 Android 開發有興趣的同學可以參考。 **Gogs - Go Git Service** [https://github.com/gogits/gogs](https://github.com/gogits/gogs) 類似 gitlab 的私有部署 git 服務，基于 go，環境搭建比較簡單 **v86** [http://copy.sh/v86/?profile=windows98](http://copy.sh/v86/?profile=windows98) 基于 JavaScript 的 x86 虛擬機，做得非常完善，甚至可以運行 Windows 98，運行 IE5。。。 **Doclets -JSDoc goes CI** [https://doclets.io/](https://doclets.io/) Simple automated API-Doc generation for Javascript** **Cash** [https://github.com/dthree/cash](https://github.com/dthree/cash) 基于 node 實現的 Shell，最大的優勢是跨平臺，可以種 Windows 下使用，目前已經集成了 grep、less 等常用命令 **PKU Weibo Footprint Visual Analytics** [http://vis.pku.edu.cn/weibova/weibo_footprint_vis/en/index.html](http://vis.pku.edu.cn/weibova/weibo_footprint_vis/en/index.html) 可視化能幫你展示你的每一段行程，回憶一次次旅行的軌跡，或者分享一個特別的地方。如果你也有發表過帶有地理信息的微博，那么，來嘗試一下吧！贊學術界搞得對外服務。 **為什么說 Kotlin 值得一試** [http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=624&fromuid=6](http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=624&fromuid=6) 介紹 Kotlin 這個新語言，這個語言由 IntelliJ IDEA 的母公司創造。 **中國可視化與可視分析大會 (ChinaVis) 開始征文** [http://chinavis.org/2016/](http://chinavis.org/2016/) [http://weibo.com/ttarticle/p/show?id=2309403946377641123312](http://weibo.com/ttarticle/p/show?id=2309403946377641123312) 竟然還有這樣一個學術會議，可以關注。 **PHP小蝌蚪聊天室** [http://kedou.workerman.net/](http://kedou.workerman.net/) 使用PHP（workerman框架）+HTML5開發 ## 產品及其它 **麻省理工科技評論公布2016年十大突破技術** [http://tech.qq.com/a/20160223/050118.htm](http://tech.qq.com/a/20160223/050118.htm) 知識分享型機器人、SolarCity的超級工廠、空中取電這幾個挺有意思的。另附：[Google 發布人形機器人- Atlas, the Next Generation](https://www.youtube.com/watch?v=rVlhMGQgDkY)?據說很逆天，Atlas的運動能力已經達到了能自控的程度，可以檢測環境，自主完成一些簡單的搬運工作。 **當你丟失一部手機時：蘋果、FBI以及你的全部生活** [http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=402554735&idx=1&sn=acb66c8ebf3ed4971fe155d9fd070824](http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=402554735&idx=1&sn=acb66c8ebf3ed4971fe155d9fd070824) 在討論蘋果和FBI以及法庭具體的沖突和觀點之前，我覺得更值得討論的問題是：“為什么人們需要加密”。對于大部分人，恐怕是認為加密是可有可無的，這種觀點不僅在中國相當有市場，在美國竟然也有不少人支持。而另外一方面，我們看到了強加密手段在各科技企業的產品中被使用的越來越普及，iPhone上全盤加密早就是默認選項，Android在6.0也開始強制全盤加密。中國這邊，越來越多的互聯網公司已經默認把鏈接變成了https，比如前一段淘寶已經全站默認https了。這是為什么呢？ **程序員職業人生規劃的三點建議** [http://www.jianshu.com/p/2aadbc139b61](http://www.jianshu.com/p/2aadbc139b61) 總結得還不錯： - 技術的三個階段：實現->借鑒->優化 - 人生思考的三個階段：認識困難->認識潛意識->認識本體 - 互聯網發展趨勢：產業互聯的趨勢、社群經濟的趨勢 **有沒有一段代碼，讓你覺得人類的智慧也可以璀璨無比** [http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=402615740&idx=1&sn=0626d47a973eb3875141215e824b3f9b](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=402615740&idx=1&sn=0626d47a973eb3875141215e824b3f9b) [https://www.zhihu.com/question/30262900](https://www.zhihu.com/question/30262900) 膜拜一下各種神奇的代碼。 **為什么你有10年經驗，但成不了專家** [http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=404232487&idx=1&sn=a4b3681b61110f01f52fe6f5774520db](http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=404232487&idx=1&sn=a4b3681b61110f01f52fe6f5774520db) 有人說主要靠經驗，有人說靠天賦，但是大量的研究發現：不論是經驗還是天賦，都不是成為專家的關鍵因素。心理學家Ericsson的研究發現：決定偉大水平和一般水平的關鍵因素，既不是天賦，也不是經驗，而是『刻意練習』的程度。