FEX 技术周刊-2015/09/21
最后更新于：2022-04-01 00:05:11
## 深阅读
**如何调试 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)
老生常谈的话题，三个要素总结得相当棒：
- 在提出功能需求时，应明确告诉开发人员，其需求的目标是什么
- 产品人员应给出所有功能需求的流程和结构图
- 具体视图设计的三要素：界面元素、数据逻辑、操作逻辑