FEX 技術周刊 - 2016/05/03 · FEX 技術周刊

## 深閱讀 **貼吧React最佳實踐** [https://github.com/fex-team/fit/issues/1](https://github.com/fex-team/fit/issues/1) fis3+yog2+react也能迸發火花？看看貼吧業務線如何應用后端渲染。 **Node v6.0.0** [https://github.com/nodejs/node/blob/master/CHANGELOG.md](https://github.com/nodejs/node/blob/master/CHANGELOG.md) [https://nodejs.org/en/blog/release/v6.0.0/](https://nodejs.org/en/blog/release/v6.0.0/) [https://blog.risingstack.com/whats-new-in-node-v6/](https://blog.risingstack.com/whats-new-in-node-v6/) This new major version of Node.js delivers significant improvements in performance, reliability, usability and security. Module loading is nearly four times faster than in Node.js v4, tests and documentation have seen significant improvements, usability of the Buffer and File System APIs have been improved, and Node.js now supports 93% of ES6 language features, thanks to V8 version 5.0. **ES6, ES7, and beyond** [http://v8project.blogspot.com/2016/04/es6-es7-and-beyond.html](http://v8project.blogspot.com/2016/04/es6-es7-and-beyond.html) Today we’ve reached an important milestone: V8 supports ES6 and ES7\. You can use the new language features today in Chrome Canary, and they will ship by default in the M52 release of Chromium. **Avoiding a JavaScript Monoculture** [http://www.sitepoint.com/javascript-monoculture/](http://www.sitepoint.com/javascript-monoculture/) The fundamental problem is neither shortcomings of the standard run-time library, nor is it any specific technical shortcoming of the language itself. The real problem is our lacking willingness to embrace cultural diversity. **Almost complete guide to flexbox (without flexbox)** [http://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox](http://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox) This is a cheatsheet-esque guide that offers backwards compatible alternatives to flexbox properties. Whilst some of the CSS in this guide may seem obvious, I am looking to challenge the use of flexbox as well as provide simple solutions to problems were around before it became popular. **You (probably) don’t need a JavaScript framework** [https://slack-files.com/T03JT4FC2-F151AAF7A-13fe6f98da](https://slack-files.com/T03JT4FC2-F151AAF7A-13fe6f98da) I really hope that I’ve inspired you to try out native web development at least one more time. If you for some reason don’t feel comfortable with the native Web APIs or DOM APIs and want to stick to your framework, I don’t blame you. Do what you feel comfortable with and try to make the best out of the situation! **揭秘 W3C 工作組** [http://www.ituring.com.cn/tupubarticle/9393](http://www.ituring.com.cn/tupubarticle/9393) 與大眾的理解大相徑庭的是，W3C 并不“生產”標準。實際上，它扮演的是一個論壇的角色：W3C 以工作組的方式，把某項技術的相關各方聚集起來，最終由他們來產出標準。當然，W3C 并不只是一個觀察者：它設定了整個平臺的規則，監督整個進程。但這些技術規范（基本上）并不是由 W3C 的工作人員編寫完成的。 **QQ空間前端工程師如何做首屏優化** [http://mp.weixin.qq.com/s?__biz=MzI5MDAzODY5OQ==&mid=2653094687&idx=1&sn=ccc4d5f463cc096175c16862](http://mp.weixin.qq.com/s?__biz=MzI5MDAzODY5OQ==&mid=2653094687&idx=1&sn=ccc4d5f463cc096175c16862)? hybrid 頁面的優化，寫得很詳細。順便可以了解下：[去哪兒網-高可定制化的UI框架Yo](http://mp.weixin.qq.com/s?__biz=MzIzMzEzODYwOA==&mid=2665284218&idx=1&sn=117ef88d18538364b5d32d17cbbe0b6a)?[京東前端架構組團隊是如何工作的](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651220480&idx=1&sn=aaf0a380f18d8de87c6807e7778d0802) **函數式編程離我們有多遠？** [http://blog.h5jun.com/post/functional-how-far.html](http://blog.h5jun.com/post/functional-how-far.html) 聽月影大神給我們科普函數式編程。 **SwiftCon 2016 參會感想** [http://blog.devtang.com/2016/04/25/swiftcon-2016-notes/](http://blog.devtang.com/2016/04/25/swiftcon-2016-notes/) 可以關注下這門逐漸火熱的編程語言。另附[網易漫畫 - Swift混編實踐[http://www.infoq.com/cn/articles/wangyi-cartoon-swift-mixed-practice](http://www.infoq.com/cn/articles/wangyi-cartoon-swift-mixed-practice)) **Go best practices, six years in** [https://peter.bourgon.org/go-best-practices-2016/](https://peter.bourgon.org/go-best-practices-2016/) 一位多年 Go 研發經驗的的工程師的總結，值得參考。 **15 Fundamental Laws of Software Development** [http://www.exceptionnotfound.net/fundamental-laws-of-software-development/](http://www.exceptionnotfound.net/fundamental-laws-of-software-development/) 講了一些原則，作者的這個觀點不錯：The fact remains that software is built for people to use and interact with, so many of these laws relate to dealing with people rather than code. **煎餅果子與架構模式** [http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653546972&idx=1&sn=46fafa1b08be73c81d6174459d36c050](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653546972&idx=1&sn=46fafa1b08be73c81d6174459d36c050) 其實想推薦的是文中提到的這本書：Mark Richards 寫了一本架構模式的書《Software Architecture Pattens》。另附：[15年編程生涯，資深架構師總結的7條經驗](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650992304&idx=1&sn=15995f6ac34b5bff6d19e9a47f585872)，文中提到的幾個經驗挺實在的。 **TypeScript won** [https://medium.com/@basarat/typescript-won-a4e0dfde4b08#.yiu8lfyvf](https://medium.com/@basarat/typescript-won-a4e0dfde4b08#.yiu8lfyvf) TypeScript 發展勢頭良好，我們內部也開始逐漸遷移了 **登上 Bootstrap 4.0 的大船** [https://segmentfault.com/a/1190000005014014](https://segmentfault.com/a/1190000005014014) 了解下最新版的 Bootstrap **JS魔法堂：徹底理解0.1 + 0.2 === 0.30000000000000004的背后** [https://segmentfault.com/a/1190000005022170](https://segmentfault.com/a/1190000005022170) 應該還有人不知道 **Cross-platform Node.js** [http://alan.norbauer.com/articles/cross-platform-nodejs/](http://alan.norbauer.com/articles/cross-platform-nodejs/) Windows 下的 Node 需要注意哪些問題 **新浪微博混合云架構實踐挑戰之彈性調度揭秘** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=503508605&idx=2&sn=37cbee70489098f95b8c12297b86edd8&luicode=10000359#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=503508605&idx=2&sn=37cbee70489098f95b8c12297b86edd8&luicode=10000359#rd) 到處都在用 Docker 了 **選擇恐懼癥的福音！教你認清MVC，MVP和MVVM** [http://zjutkz.net/2016/04/13/%E9%80%89%E6%8B%A9%E6%81%90%E6%83%A7%E7%97%87%E7%9A%84%E7%A6%8F%E9%9F%B3%EF%BC%81%E6%95%99%E4%BD%A0%E8%AE%A4%E6%B8%85MVC%EF%BC%8CMVP%E5%92%8CMVVM/](http://zjutkz.net/2016/04/13/%E9%80%89%E6%8B%A9%E6%81%90%E6%83%A7%E7%97%87%E7%9A%84%E7%A6%8F%E9%9F%B3%EF%BC%81%E6%95%99%E4%BD%A0%E8%AE%A4%E6%B8%85MVC%EF%BC%8CMVP%E5%92%8CMVVM/) 通過代碼講解，寫得很清楚 ## 新鮮貨 **how many npm users are there?** [http://blog.npmjs.org/post/143451680695/how-many-npm-users-are-there](http://blog.npmjs.org/post/143451680695/how-many-npm-users-are-there) We think there are four million npm users, and we think that number is doubling every year. **WebKit is moving away from prefixes** [https://webkit.org/blog/6131/updating-our-prefixing-policy/](https://webkit.org/blog/6131/updating-our-prefixing-policy/) The current consensus among browser implementors is that, on the whole, prefixed properties have hurt more than they’ve helped. So, WebKit’s new policy is to implement experimental features unprefixed, behind a runtime flag. **AntUX 1.1 發布** [http://ux.ant.design/](http://ux.ant.design/) AntUX 是提供了一套素材庫，用于梳理產品信息架構、繪制流程圖、設計頁面交互邏輯，支持 OmniGraffle、Sketch、Axure，是非常不錯的產品設計工具，能幫助我們高效梳理產品架構而和業務邏輯。 **Chart.js 2.0 Released** [http://www.chartjs.org/](http://www.chartjs.org/) Mixed chart types; New chart axis types; Animate everything; **Vue 2.0 發布啦** [http://jiongks.name/blog/announcing-vue-2/](http://jiongks.name/blog/announcing-vue-2/) 在模板、Virtuel-DOM 方面進行了一些優化，Vue.js 2.0 仍然處在 pre-alpha **ACM 2015 Technical Award Recipients** [http://www.acm.org/awards/2015-technical-awards](http://www.acm.org/awards/2015-technical-awards) **Introducing yakbak: Record and playback HTTP interactions in NodeJS** [http://code.flickr.net/2016/04/25/introducing-yakbak-record-and-playback-http-interactions-in-nodejs/](http://code.flickr.net/2016/04/25/introducing-yakbak-record-and-playback-http-interactions-in-nodejs/) [https://github.com/flickr/yakbak](https://github.com/flickr/yakbak) Record HTTP interactions The Node Way?. Inspired by ruby’s vcr. **全棧工程師的百寶箱：黑魔法之文檔篇** [http://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652973386&idx=1&sn=c775725513879f52b1d40219b7d457a4](http://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652973386&idx=1&sn=c775725513879f52b1d40219b7d457a4) 文檔格式互轉，文檔轉圖表。簡直屌炸 **xi editor - A modern editor with a backend written in Rust** [https://github.com/google/xi-editor](https://github.com/google/xi-editor) The xi editor project is an attempt to build a high quality text editor, using modern software engineering techniques. It is initially built for Mac OS X, using Cocoa for the user interface, but other targets are planned. **Fiddler的靈活使用** [http://drops.wooyun.org/tips/15201](http://drops.wooyun.org/tips/15201) 可惜這個的 Mac 版本好久不更新了 **JavaScript 也可以搞定嵌入式開發？** [http://www.leiphone.com/news/201604/cIz8baRiGniXJqBR.html](http://www.leiphone.com/news/201604/cIz8baRiGniXJqBR.html) [https://ruff.io/zh-cn/](https://ruff.io/zh-cn/) 大神周愛民就在參與研發這東東。 **V8 Release 5.1** [http://v8project.blogspot.jp/2016/04/v8-release-51.html](http://v8project.blogspot.jp/2016/04/v8-release-51.html) 開始支持一些 ES2017 草案了 **grafi.js** [http://grafijs.org/](http://grafijs.org/) JS 圖像處理庫 **Xamarin 開源** [http://open.xamarin.com/](http://open.xamarin.com/) 要是 RoboVM 也開源就好了 **Google 年度公開信** [https://googleblog.blogspot.com/2016/04/this-years-founders-letter.html](https://googleblog.blogspot.com/2016/04/this-years-founders-letter.html) [http://blog.sina.com.cn/s/blog_9c079b040102wyvt.html](http://blog.sina.com.cn/s/blog_9c079b040102wyvt.html) 讓技術能夠服務于每一個人。技術，絕不僅僅是我們創造的設備或產品，因為那并不是終極目標。技術，是一種民主的力量，它所提供的信息，便是力量之源。 ## 產品及其它 **How I got 10,000 five-star reviews in 4 weeks** [https://medium.com/mobile-growth/how-i-got-10-000-five-star-reviews-in-4-weeks-5246cc4c55c7#.4bk8fal7h](https://medium.com/mobile-growth/how-i-got-10-000-five-star-reviews-in-4-weeks-5246cc4c55c7#.4bk8fal7h) 應用推廣的經驗 **深度解讀，為什么說《人類簡史》是互聯網圣經？** [http://www.tmtpost.com/1695086.html](http://www.tmtpost.com/1695086.html) 這本書真的很值得閱讀 **狼、兔子，人性才是最重要的** [http://blog.jobbole.com/100108/](http://blog.jobbole.com/100108/) 對前端時間由史玉柱引發的的關于狼性討論的反思，文中有一段任正非《管理的灰度》非常值得關注：一個領導人重要的素質是方向、節奏。他的水平就是合適的灰度。堅定不移的正確方向來自灰度、妥協與寬容。 **凡客的故事-曾估值30億美金，如今公司只剩180人** [http://mp.weixin.qq.com/s?__biz=MzI3MzA1MDg2Ng==&mid=2650972133&idx=1&sn=bec85bff372f7ebad0904ecd279ef703](http://mp.weixin.qq.com/s?__biz=MzI3MzA1MDg2Ng==&mid=2650972133&idx=1&sn=bec85bff372f7ebad0904ecd279ef703) 凡客誠品曾經是中國的明星創業公司，高達30億美金的估值讓所有的創業者垂涎三尺，但是它的發展模式和過程很值得創業者學習和借鑒。期待越來越多的“創業”能回歸平靜，專注在創造價值上，把一件事踏踏實實做好做精。 **專訪張江（北師大系統科學學院副教授）- 沖破藩籬，敢想敢為** [http://www.ituring.com.cn/Article/214403](http://www.ituring.com.cn/Article/214403) 贊張江老師經營“集智俱樂部”的理念：有時候，我們要敢于沖破傳統的藩籬，把人類社會中各種生命體連接起來，才能創造出高度智慧的結構體。科學不應該被深奧晦澀的術語所包裝，傳播科學要以一種普及化的方式進行。每個人都有權利去追求、探索科學。