FEX 技術周刊 -2016/04/18 · FEX 技術周刊

## 百度 Web 技術專欄 **「百度 H5」開放使用了** [http://h5.baidu.com/](http://h5.baidu.com/)? [http://zhuanlan.zhihu.com/p/20675594](http://zhuanlan.zhihu.com/p/20675594)? 歡迎大家來體驗，完全無廣告的 H5 制作工具 ## 業界會議 **Facebook F8 Developer Conference 2016** [https://www.fbf8.com/](https://www.fbf8.com/)? [https://www.theguardian.com/technology/2016/apr/13/facebook-f8-developer-event-key-points](https://www.theguardian.com/technology/2016/apr/13/facebook-f8-developer-event-key-points)? 可以圍觀下 FB 的黑科技，FB 還?[開源了 F8 大會用的 App](http://www.jackpu.com/react-nativezui-jia-xue-xi-mo-ban-f8-appkai-yuan-liao/)?，可以當做學習 React Native 的參考。附?[8觀后有感](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=2656593348&idx=1&sn=514323013cd86b8bc3048f046ffe3b38) **Gopher China 2016 - 4.16** [http://www.gopherchina.org/](http://www.gopherchina.org/)? Go 語言的應用越來越廣了，期待資料。 **2016.04.24-大數據可視化浪潮－2016大數據可視化上海高峰論壇** [http://weibo.com/ttarticle/p/show?id=2309403962830209556330](http://weibo.com/ttarticle/p/show?id=2309403962830209556330)? 學術界會議，感興趣的同學可以參加 ## 深閱讀 **[譯]How to be a Programmer** [https://github.com/ahangchen/How-to-Be-A-Programmer-CN](https://github.com/ahangchen/How-to-Be-A-Programmer-CN)? 做一個好的程序員,困難而高尚。將一個軟件工程集體愿景變為現實，最困難的地方在于與你的同事和顧客相處。編程很重要，這需要強大的智力和技能。但在好的程序員看來，相比構建一個讓客戶和各種各樣的同事都滿意的軟件系統，（純粹的）編程真的只是小孩子的玩意。在這篇文章里，我嘗試盡可能簡潔地總結那些當我21歲時，希望別人告訴我的事。 **The Basics of Web Application Security** [http://martinfowler.com/articles/web-security-basics.html](http://martinfowler.com/articles/web-security-basics.html)? Modern web development has many challenges, and of those security is both very important and often under-emphasized. While such techniques as threat analysis are increasingly recognized as essential to any serious development, there are also some basic practices which every developer can and should be doing as a matter of course. **A Guide to Proper Error Handling in JavaScript** [http://www.sitepoint.com/proper-error-handling-javascript/](http://www.sitepoint.com/proper-error-handling-javascript/)? In this article I would like to explore error handling in JavaScript. I will cover pitfalls and good practices. We’ll finish by looking at asynchronous code and Ajax. **REACT NATIVE 蠻荒開發生存指南** [http://www.desgemini.com/?p=77](http://www.desgemini.com/?p=77)? 不少有價值的經驗分析。另附：[React-Native痛點解析之開發環境搭建及擴展][http://www.infoq.com/cn/articles/react-native-solution-dev-environment](http://www.infoq.com/cn/articles/react-native-solution-dev-environment)?，React Native 的環境搭建在國內不像官網文檔寫得那么簡單。 **從《中文排版需求》開始** [http://www.typeisbeautiful.com/2015/04/9171/](http://www.typeisbeautiful.com/2015/04/9171/)? 這個草案已經出來了，對出版業具有參考價值 **Jank Busters Part Two: Orinoco** [http://v8project.blogspot.jp/2016/04/jank-busters-part-two-orinoco.html](http://v8project.blogspot.jp/2016/04/jank-busters-part-two-orinoco.html)? V8 技術團隊介紹了新的并行垃圾回收機制的實現，這項技術記得減少了 GC 導致的延遲 **How V8 optimises JavaScript code?** [https://medium.com/@ghaiklor/how-v8-optimises-javascript-code-a0f3bbd46ac9#.cav6904pu](https://medium.com/@ghaiklor/how-v8-optimises-javascript-code-a0f3bbd46ac9#.cav6904pu)? 內容有點老，不過對于初學者來說還是挺有價值的 **Are Progressive Web Apps the Future?** [http://developer.telerik.com/featured/are-progressive-web-apps-future/](http://developer.telerik.com/featured/are-progressive-web-apps-future/)? Progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, run background processes (even when the app isn’t open) and send push notifications. This effort is being pushed by Google, and works on Android, but currently not backed by Apple – so no iOS support at the moment. **npm is the Beating Heart of the JavaScript Ecosystem** [https://hashnode.com/post/npm-is-the-beating-heart-of-the-javascript-ecosystem-cimvnbetj02r1wz53u4bjw1dr](https://hashnode.com/post/npm-is-the-beating-heart-of-the-javascript-ecosystem-cimvnbetj02r1wz53u4bjw1dr)? npm is the heart of the JavaScript ecosystem. It makes sure our modules end up where they’re supposed to. Pumping them out as needed. As JavaScript continues to grow, npm will grow with it. Supporting large enterprises, small startups, and tiny side projects. Being used for anything from web apps to robotics or home entertainment systems. **The current state of dependency inversion in JavaScript** [http://blog.wolksoftware.com/the-current-state-of-dependency-inversion-in-javascript](http://blog.wolksoftware.com/the-current-state-of-dependency-inversion-in-javascript)? [http://inversify.io/](http://inversify.io/)? Learn about the past, present and future of dependency inversion in JavaScript. Over the last year and a half, I’ve been reading a lot about dependency inversion and taking a look to the source code of many open-source IoC containers for JavaScript. At the same time I’ve been working on the development of InversifyJS (a powerful IoC container for JavaScript apps powered by TypeScript). **Docker - libcontainer Principles** [https://github.com/docker/libcontainer/blob/master/PRINCIPLES.md](https://github.com/docker/libcontainer/blob/master/PRINCIPLES.md)? In the design and development of libcontainer we try to follow these principles: - Don’t try to replace every tool. Instead, be an ingredient to improve them. - Less code is better. - Fewer components are better. Do you really need to add one more class? - … **Why Javascript Development is Crazy** [http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/](http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/)? The state of Javascript development is overwhelming and confusing because everyone is overengineering their apps by default without even realizing it. **HTML5游戲引擎深度測評** [http://www.jianshu.com/p/0469cd7b1711](http://www.jianshu.com/p/0469cd7b1711)? 作者花了不少精力分析各個引擎的特性、性能及使用情況，值得參考 **HTTPS is Hard** [https://blog.yell.com/2016/03/https-is-hard/](https://blog.yell.com/2016/03/https-is-hard/)? 有想遷移 HTTPS 的同學可以看看這篇文章，里面有些經驗。另附[談談 HTTP/2 的協議協商機制](https://imququ.com/post/protocol-negotiation-in-http2.html)，介紹了服務端和客戶端如何協商出最終使用的 HTTP 協議版本。 **State of the JavaScript Landscape: A Map for Newcomers** [http://www.infoq.com/articles/state-of-javascript-2016](http://www.infoq.com/articles/state-of-javascript-2016)? 給 JavaScript 新人的指南，介紹了各種相關的技術 **[譯]展望 Javascript 2016年的趨勢和生態發展** [https://github.com/gaohailang/blog/issues/12](https://github.com/gaohailang/blog/issues/12)? 之前的英文版沒看的同學可以快速瞄一眼。 **為什么谷歌的服務從來不會崩潰？** [http://mp.weixin.qq.com/s?__biz=MjM5ODIzNTc2MA==&mid=412331950&idx=1&sn=bab734f17b3baa97c66cb19a1f635baf](http://mp.weixin.qq.com/s?__biz=MjM5ODIzNTc2MA==&mid=412331950&idx=1&sn=bab734f17b3baa97c66cb19a1f635baf)? 把開發和運維結合起來，乃至把運維融合到代碼之中，谷歌以此來調和開發與運維之間的結構性沖突。Google 提出了一個概念：網站可靠性管理（Site Reliability Engineering，簡稱SRE）。期望：在未來的世界里，運維能夠更進一步變成代碼的一部分；我們期待著有朝一日，不需要人進行任何管理。這是對應的書籍：?[Site Reliability Engineering](https://landing.google.com/sre/book.html)?，Notes on Google’s Site Reliability Engineering Book **百度賈海祿為你揭秘室內定位技術的神秘面紗** [http://www.infoq.com/cn/articles/baidu-indoor-positioning-system](http://www.infoq.com/cn/articles/baidu-indoor-positioning-system)? 有不少干貨 **background系列之無處不在的妙趣** [http://blog.doyoe.com/2016/04/11/css/background%E7%B3%BB%E5%88%97%E4%B9%8B%E6%97%A0%E5%A4%84%E4%B8%8D%E5%9C%A8%E7%9A%84%E5%A6%99%E8%B6%A3/](http://blog.doyoe.com/2016/04/11/css/background%E7%B3%BB%E5%88%97%E4%B9%8B%E6%97%A0%E5%A4%84%E4%B8%8D%E5%9C%A8%E7%9A%84%E5%A6%99%E8%B6%A3/)? background 是一個很有意思的東西，不僅實際使用的頻度超高，而且處處充滿著好玩的妙趣。這里并不打算和大家聊所謂的最佳實踐，更多的是希望可以通過一些示例激起大家更深層次的思考和探索欲。 **Typography — Deep Into OpenType Features** [http://blog.ricardofilipe.com/post/deep-into-opentype-features](http://blog.ricardofilipe.com/post/deep-into-opentype-features)? OpenType 有許多鮮為人知的高級特性，可以通過 CSS 控制 **[譯]CSS之父最擔心什么** [https://mp.weixin.qq.com/s?__biz=MzAwNDg2MDg3Ng==&mid=2650006744&idx=1&sn=4b1ac6b8d32810982cf9af1d29bba2b0](https://mp.weixin.qq.com/s?__biz=MzAwNDg2MDg3Ng==&mid=2650006744&idx=1&sn=4b1ac6b8d32810982cf9af1d29bba2b0)? 原來是這個：“大家應該沒有忘記，在IE一手遮天的時代，微軟不在乎什么Web標準，也不改bug，技術發展趨于停滯。這樣的歷史有可能重演。蘋果和谷歌現在都很強，謝天謝地，總算有兩家在！” ## 新鮮貨 **Visual Studio Code 1.0** [http://code.visualstudio.com/blogs/2016/04/14/vscode-1.0](http://code.visualstudio.com/blogs/2016/04/14/vscode-1.0)? 終于正式發布了，性能比 Atom 要好 **apiary - Powerful API Design Stack. Built for Developers** [https://apiary.io/](https://apiary.io/)? Write an API in 30 minutes. Share it with your teammates or customers. Let them use the API mock to take your API for a spin–without writing any code. Iterate, rinse & repeat. Coding can wait until you know what your developers really need. 這是 Tesla Model S JSON API 的例子[http://docs.timdorr.apiary.io/](http://docs.timdorr.apiary.io/) **Announcing Rust 1.8** [http://blog.rust-lang.org/2016/04/14/Rust-1.8.html](http://blog.rust-lang.org/2016/04/14/Rust-1.8.html)? The Rust team is happy to announce the latest version of Rust, 1.8\. Rust is a systems programming language focused on safety, speed, and concurrency. **Vim 8.0 is coming** [https://github.com/vim/vim/blob/master/runtime/doc/version8.txt](https://github.com/vim/vim/blob/master/runtime/doc/version8.txt) **jspm.io - Frictionless Browser Package Management** [http://jspm.io/](http://jspm.io/)? jspm is a package manager for the SystemJS universal module loader, built on top of the dynamic ES6 module loader. Load any module format (ES6, AMD, CommonJS and globals) directly from any registry such as npm and GitHub with flat versioned dependency management. Any custom registry endpoints can be created through the Registry API. **Spectre.css** [https://github.com/picturepan2/spectre](https://github.com/picturepan2/spectre)? Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. - lightweight and clean starting point for your project and prototype - flexbox, responsive and mobile-friendly layout - built in useful components and utilities **WrapAPI-Build an API on top of any website** [https://wrapapi.com/](https://wrapapi.com/)? Build, share, and use APIs made from webpages. Use WrapAPI to scrape sites, build better UIs, and automate online tasks. **buble** [https://gitlab.com/Rich-Harris/buble](https://gitlab.com/Rich-Harris/buble)? 一個 ES2015 編譯為 ES5 的工具，號稱速度很快 **React Native Playground** [https://rnplay.org/](https://rnplay.org/)? 可以在線學習 React Native 開發的在線平臺，有遠程虛擬機方便調試 **Open-sourcing ReDex: Making Android apps smaller and faster** [https://code.facebook.com/posts/998080480282805/open-sourcing-redex-making-android-apps-smaller-and-faster/](https://code.facebook.com/posts/998080480282805/open-sourcing-redex-making-android-apps-smaller-and-faster/)? Facebook 出的 Dex 字節碼優化工具，號稱能減小 25% 體積并提升 30% 速度 **Hjson, the Human JSON** [https://hjson.org/](https://hjson.org/)? 方便手工編寫 JSON 的工具，適合用來做為 JSON 配置文件 **Jaspy** [https://github.com/koehlma/jaspy](https://github.com/koehlma/jaspy)? 基于 JavaScript 寫的 Python 虛擬機，這個是從零開始寫的 **騰訊云機房訪問微信支付接口的延時比其他云服務廠商少30%** [http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=406956398&idx=1&sn=d3c57a68d8f6d35c7b3485bef6353c79](http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=406956398&idx=1&sn=d3c57a68d8f6d35c7b3485bef6353c79)? 騰訊云機房主機調用微信支付接口的延時最高縮短了20%，騰訊云機房訪問微信支付接口的延時比其他云服務廠商少30%。 ## 產品及其它 **TOMsInsight - 碎片化信息的價值：懶惰與慰藉** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=2655842753&idx=1&sn=4462d9d3fddb79c7ffbf4f0aa4971448&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=2655842753&idx=1&sn=4462d9d3fddb79c7ffbf4f0aa4971448&scene=0#rd)? 如果對本質的認識就是錯的，了解的信息越多偏差越大；如果沒有體系化的認知，了解的信息越多也就越迷茫。只是我們都覺得自己僅僅信息了解不足，而不是認識不清，更不是沒有科學系統學習。信息絕對不等于認知，然而互聯網碎片化信息更沒有價值。我們會繼續在迷茫和蹉跎中尋找目標，也會繼續尋找成功道路上的捷徑，我們用大量的時間消費著碎片化的信息，給予自己各種慰藉，卻永遠不會承認自己的懶惰。互聯網改變了我們的生活方式，改變了信息傳承和創新，同時也改變了我們生命中的時光。 **The Wetware Crisis: the Dead Sea effect** [http://brucefwebster.com/2008/04/11/the-wetware-crisis-the-dead-sea-effect/](http://brucefwebster.com/2008/04/11/the-wetware-crisis-the-dead-sea-effect/)? 【死海效應】公司發展到一定階段，能力強的員工容易離職，因為他們對公司內愚蠢的行為的容忍度不高，他們也容易找到好工作；能力差的員工傾向于留著不走，他們也不太好找工作，年頭久了，他們就變中高層了。文章把這種現象叫做死海效應：好員工像死海的水一樣蒸發掉，然后死海鹽度就變得很高，正常生物不容易存活。 **兩年時間從0做到日均300萬單，美團外賣是這樣做到的** [http://www.cyzone.cn/a/20160415/294217.html](http://www.cyzone.cn/a/20160415/294217.html)? 非常詳細的介紹了美團外賣的崛起之路。 **也談程序員影響力的經營** [http://weibo.com/ttarticle/p/show?id=2309403963757121391703](http://weibo.com/ttarticle/p/show?id=2309403963757121391703)? 這是一個首先靠實力，然后才靠傳說的江湖。沒有真材實料，膜拜的小船說翻就翻。另附，[民工叔的-程序員的自我營銷](http://zhuanlan.zhihu.com/p/20736908?columnSlug=%28null%29) **擺脫對PC、服務器的依賴，英特爾“悄悄”在人工智能布下兩顆棋子** [http://www.huxiu.com/article/145416/1.html](http://www.huxiu.com/article/145416/1.html)? 了解下 Intel 如何針對人工智能領域提供計算能力和感知能力。另附：[馬斯克的秘密 AI 項目 OpenAI 在做什么？](http://36kr.com/p/5045937.html)