FEX 技術周刊-2015/09/21 · FEX 技術周刊

## 深閱讀 **如何調試 Node.js的內存泄露** [http://blog.yld.io/2015/08/10/debugging-memory-leaks-in-node-js-a-walkthrough/](http://blog.yld.io/2015/08/10/debugging-memory-leaks-in-node-js-a-walkthrough/) 詳細介紹了關于 Node.js 內存泄露的調試方法和解決思路。 **An iOS Developer on React Native** [https://medium.com/ios-os-x-development/an-ios-developer-on-react-native-1f24786c29f0](https://medium.com/ios-os-x-development/an-ios-developer-on-react-native-1f24786c29f0) 一個 iOS 開發者學習 React Native 后的看法，評價還不錯。 **React.js: the Good and the Bad** [http://techblog.trunkclub.com/javascript/2015/09/14/reactjs-the-good-and-the-bad.html](http://techblog.trunkclub.com/javascript/2015/09/14/reactjs-the-good-and-the-bad.html) We’ve been using it for about six months across many of our applications and can’t keep quiet about it any longer: We love it! Here’s a list of reasons why it has helped us immensely, and some warts that we’re still working out. **移動端自適應方案** [http://f2e.souche.com/blog/yi-dong-duan-zi-gua-ying-fang-an/](http://f2e.souche.com/blog/yi-dong-duan-zi-gua-ying-fang-an/) 來自大搜車的實踐，本文主要解決以下問題：真的需要動態生成 viewport 嗎？如何自適應？ **元數據驅動設計 —— 為動態移動應用創建Web API** [http://www.infoq.com/cn/articles/mdd-webapi-for-mobile-apps](http://www.infoq.com/cn/articles/mdd-webapi-for-mobile-apps) 這種方法能夠將設計與開發整合起來，并通過一種客戶端-服務器的軟件開發范式將兩者統一起來。他通過一個示例表明，通過幾行元數據，就能夠描述某個服務以及它所暴露的方法。并且它的抽象層次比起接口定義語言（IDL）更高，因此可以使用同樣一套元數據去驅動整個分布式系統的構建、交互以及遍歷。 **持續集成系統的演進之路** [http://mp.weixin.qq.com/s?__biz=MzIwNjA0OTU0NQ==&mid=210229356&idx=1&sn=f18cd04659d46bea363f28fc51603310&scene=1](http://mp.weixin.qq.com/s?__biz=MzIwNjA0OTU0NQ==&mid=210229356&idx=1&sn=f18cd04659d46bea363f28fc51603310&scene=1) 本文分析了持續集成系統的功能點，比較Jenkins,Teamcity這兩款持續集成工具的優缺點，最后總結了持續集成的最佳實踐要點。 **Facebook「增長團隊」是如何首次獲得 5 億用戶的** [http://tech2ipo.com/101728](http://tech2ipo.com/101728) 本文作者 Andy Johns，曾經供職于 Facebook 的「增長團隊」。該團隊致力于為 Facebook 帶來更多的新用戶。他以個人的親身經歷介紹了 Facebook 在「用戶增長」領域所做的種種努力與嘗試。整個團隊是如何一步一步地實現「5 億用戶」這個里程碑的。另附：解開 Facebook Growth Team 和 Growth Hacking 的神秘面紗（上篇）?[http://mp.weixin.qq.com/s?__biz=MzA3ODQwOTU3Nw==&mid=209715586&idx=1&sn=ac41ffe3bc55956001f286ebde30cf52&scene=2&srcid=0917yvx1ZKBHKqAPeVZeTjgS](http://mp.weixin.qq.com/s?__biz=MzA3ODQwOTU3Nw==&mid=209715586&idx=1&sn=ac41ffe3bc55956001f286ebde30cf52&scene=2&srcid=0917yvx1ZKBHKqAPeVZeTjgS) **Google內部如何寫代碼的** [http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208157566&idx=2&sn=fe200dd5c4aa6eee1f6b8a69a739a439&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208157566&idx=2&sn=fe200dd5c4aa6eee1f6b8a69a739a439&scene=0#rd) 所有代碼都在一個86TB大的repo，900萬個源文件，20億行代碼；2萬5千個人在這個repo里干活，人類每天提交1萬5千個commit；所有開發活動都在master branch，鮮有feature branch但有release branch；投資大量人力開發、維護內部工具、以支撐這種史無前例的編程行為 **HTTP Client Hints 介紹** [https://imququ.com/post/http-client-hints.html](https://imququ.com/post/http-client-hints.html) HTTP Client Hints，也與性能優化有關。利用這項技術，HTTP 客戶端（通常可以認為是瀏覽器）能夠主動將一些特性告訴服務端，以便服務端更有針對性地輸出內容。這項技術由我們熟知的 Ilya Grigorik 提出，目前還處在較為早期的階段，較為正式的描述文檔可以在這里找到。 **大流量的下兜底容災方案** [http://www.barretlee.com/blog/2015/09/16/backup-solution-at-big-traffic/](http://www.barretlee.com/blog/2015/09/16/backup-solution-at-big-traffic/) 作者：隨著網絡的普及，上網的成本和門檻越來越低，很多網站的流量也是蹭蹭蹭的往上漲，而頁面上的數據來源也不確定，可能來自多個平臺，也可能是有專門的人員在手動維護。由于數據來源眾多，出錯的概率也會增加，為了降低頁面在大流量下的維護成本，本文做了一些闡述。 **CSS3硬件加速也有坑！！！** [http://div.io/topic/1348](http://div.io/topic/1348) 作者：常聽人說『移動端要想動畫性能流暢，應該使用 3D 硬件加速』最近深入了解了一些瀏覽器內核的細節，感覺這里面其實有坑啊。。。 **“函數是一等公民”背后的含義** [http://blog.leapoahead.com/2015/09/19/function-as-first-class-citizen/](http://blog.leapoahead.com/2015/09/19/function-as-first-class-citizen/) 在學習一些語言的時候，你經常會聽到“函數是一等公民”這樣的描述。那么究竟函數在這類語言中扮演著怎么樣的一個角色？它和函數式編程、無狀態設計、封裝抽象有什么千絲萬縷的聯系？在本文中，我們用JavaScript為例，娓娓道來這其中的故事。 **海豚-Web UI自動化測試工具** [http://div.io/topic/1339](http://div.io/topic/1339) 思路挺不錯的，海豚能夠做什么事情： - 多頁面流的自動化測試 - 頁面樣式Page Diff監控 - 頁面JS執行過程監控 **XCode編譯器里有鬼** [http://drops.wooyun.org/news/8864](http://drops.wooyun.org/news/8864) 使用一個被竄改的 IDE 發布應用是什么體驗？網易云音樂、滴滴出行、豌豆夾開眼、12306 等等流行應用均有中招。《【社工】NodeJS 應用倉庫釣魚》也許離我們并不遙遠?[http://www.cnblogs.com/index-html/p/npm_package_phishing.html](http://www.cnblogs.com/index-html/p/npm_package_phishing.html) **網頁性能管理詳解** [http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html](http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html) 作者：你遇到過性能很差的網頁嗎？這種網頁響應非常緩慢，占用大量的CPU和內存，瀏覽起來常常有卡頓，頁面的動畫效果也不流暢。你會有什么反應？我猜想，大多數用戶會關閉這個頁面，改為訪問其他網站 ## 新鮮貨 **runtime.js — JavaScript library OS** [https://medium.com/@iefserge/runtime-js-javascript-library-os-823ada1cc3c](https://medium.com/@iefserge/runtime-js-javascript-library-os-823ada1cc3c)?一個 JavaScript 操作系統運行環境，它可以讓 JavaScript 繞過傳統的操作系統，直接調用底層硬件，或許能提升性能。 **React Native Playground** [https://rnplay.org/](https://rnplay.org/)?在線編輯和調試 React Native 應用。 **React Native 推出安卓版** [https://code.facebook.com/posts/1189117404435352](https://code.facebook.com/posts/1189117404435352) 希望是一個好的開端，開發跨平臺的移動 APP 有更多更好的選擇。 **NodeJS 4.1 發布** [https://nodejs.org/en/blog/release/v4.1.0/](https://nodejs.org/en/blog/release/v4.1.0/)?從 0.1X 升級到 4.X 需要改動最大的就是那些依賴 C++ 編譯的模塊。 **flowchart.js** [http://adrai.github.io/flowchart.js/](http://adrai.github.io/flowchart.js/) 根據語義自動繪制簡單 SVG 流程圖 **Android-Tips** [https://github.com/tangqi92/Android-Tips](https://github.com/tangqi92/Android-Tips) 這位同學整理了很多 Android 開發的坑，長長的列表，體現了 Android 開發的上手門檻。 **SVG2 草案有了更新** [http://www.w3.org/TR/2015/WD-SVG2-20150915/](http://www.w3.org/TR/2015/WD-SVG2-20150915/) 更新包括：移除動畫相關元素?`<animate>`?`<set>`、還有移除濾鏡相關元素?`<filter>`?等 **speckjs** [http://speckjs.github.io/](http://speckjs.github.io/) 一個注釋里寫測試用例的工具，用來寫一些功能相對獨立函數測試用例挺方便。 **freeCodeCamp** [http://freecodecamp.com/map](http://freecodecamp.com/map) 一個開源的開發學習和訓練平臺，內容以前端為主。 **ORTC API is now available in Microsoft Edge** [http://blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/](http://blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/)?后續 Skype 將基于它開發。 **Node v4.1.0** [https://nodejs.org/en/blog/release/v4.1.0/](https://nodejs.org/en/blog/release/v4.1.0/) 進化速度很快呀。 **Modernizr 3: A new release and website** [https://modernizr.com/news/modernizr-3-new-release-site](https://modernizr.com/news/modernizr-3-new-release-site) After what appears an eternity to us and the wider development community we are ecstatic to announce the release of Modernizr 3.0! This is a massive release and from our last release almost 2.5 years have passed - an unacceptable timeline. We plan to fix this and have faster releases where it makes sense. **JS13K2015** [http://js13kgames.com/entries/2015](http://js13kgames.com/entries/2015) Js13kGames is a JavaScript coding competition for HTML5 Game Developers. The fun part of the compo is the file size limit set to 13 kilobytes. **intence, a revolutionary distinct and beautiful scrolling indicator** [http://asvd.github.io/intence/](http://asvd.github.io/intence/) Together with an interactive navigation menu (like the one you can see on the right side), intence is supposed to replace the traditional scrollbar. It highlights the scrollable area, reflects the amount of content and is therefore proposed as a general designation for a scrollable area ## 產品及其它 **Notion** [http://early-access.notion.so/](http://early-access.notion.so/) Beautiful. Lightweight. Always organized. Notion is an expressive and collaborative document editor that gives your ideas a place to grow. **Five years, building a culture, and handing it off.** [http://laughingmeme.org/2015/08/31/five-years-building-a-culture-and-handing-it-off/](http://laughingmeme.org/2015/08/31/five-years-building-a-culture-and-handing-it-off/) Etsy CTO 總結了這五年來的體會，如何打造技術團隊文化。 **Evernote, The First Dead Unicorn** [https://syrah.co/joshdickson40/55e1beac15970d6c01395d9d](https://syrah.co/joshdickson40/55e1beac15970d6c01395d9d) Evernote 本來是個很有前景的應用，但錯過了企業市場，導致現在很悲劇，想做百年企業不容易啊。 **Things I was unprepared for as a lead developer** [http://dev-human.com/entries/2015/09/07/things-i-was-unprepared-for/](http://dev-human.com/entries/2015/09/07/things-i-was-unprepared-for/) 對于想轉管理的同學有幫助，讓你了解有哪些不同。 **專訪英三嘉哥：作為李毅吧的吧主是一種怎樣的體驗？** [http://www.pingwest.com/diaosi-to-tuhao/](http://www.pingwest.com/diaosi-to-tuhao/) 成為百度貼吧第一大吧，擁有1881萬粉絲，曾經的“百度盧浮宮”、“屌絲文化發源地”的李毅吧的吧主是什么體驗？尤其是當他還是“貼吧第一土豪，貼吧第一吧主。 **關于產品與技術溝通的一些建議** [http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=209400452&idx=1&sn=f8ff2002b75d07543792eb9568b3f234&scene=2&srcid=09169yK9s3OEH8JJlYwayXz3](http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=209400452&idx=1&sn=f8ff2002b75d07543792eb9568b3f234&scene=2&srcid=09169yK9s3OEH8JJlYwayXz3) 老生常談的話題，三個要素總結得相當棒： - 在提出功能需求時，應明確告訴開發人員，其需求的目標是什么 - 產品人員應給出所有功能需求的流程和結構圖 - 具體視圖設計的三要素：界面元素、數據邏輯、操作邏輯