## 业界会议 **SYNC 2015** [http://www.pingwest.com/subject/SYNC2015_SF/](http://www.pingwest.com/subject/SYNC2015_SF/) 一群美国科技公司们讲述他们来中国的“东游记”。 **Kcon 2015 8.21-8.23** [http://kcon.knownsec.com/](http://kcon.knownsec.com/) 本届 KCon，我们将曝光许多黑掉手法，无论是漏洞、攻击、还是反攻，我们要做到心中有数，才能够坦然面对未来那些未知的东西，才能做好真正的安全。 ## 深阅读 - Web **How browsers work** [http://domenicodefelice.blogspot.com/2015/08/how-browsers-work.html?t=2](http://domenicodefelice.blogspot.com/2015/08/how-browsers-work.html?t=2) 有人新写的浏览器渲染原理介绍，其中的笔记还挺详细。 **Netflix - Falcor** [http://netflix.github.io/falcor/starter/what-is-falcor.html](http://netflix.github.io/falcor/starter/what-is-falcor.html) [http://techblog.netflix.com/2015/08/falcor-developer-preview.html](http://techblog.netflix.com/2015/08/falcor-developer-preview.html) [https://github.com/Netflix/falcor](https://github.com/Netflix/falcor) Falcor is the innovative data platform that powers the Netflix UIs. Falcor allows you to model all your backend data as a single Virtual JSON object on your Node server. On the client you work with your remote JSON object using familiar JavaScript operations like get, set, and call. If you know your data, you know your API. Falcor is middleware. It is not a replacement for your application server, database, or MVC framework. Instead Falcor can be used to optimize communication between the layers of a new or existing application. **CSS Modules - Welcome to the Future** [http://glenmaddern.com/articles/css-modules](http://glenmaddern.com/articles/css-modules) [https://github.com/css-modules/css-modules](https://github.com/css-modules/css-modules) The CSS Modules team felt we could attack the problem head-on — keep everything we liked about CSS, and build upon the good work that the styles-in-JS community was producing. So, while we’re bullish about our approach and firmly defend the virtues of CSS, we owe a debt of gratitude to those folks pushing the boundaries in the other direction. **Font Boosting** [https://github.com/amfe/article/issues/10](https://github.com/amfe/article/issues/10) 「Text Autosizer」，又称「Font Boosting」、「Font Inflation」，是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本。 **The Log: What every software engineer should know about real-time data's unifying abstraction** [http://engineering.linkedin.com/distributed-systems/log-what-every-software-engineer-should-know-about-real-time-datas-unifying](http://engineering.linkedin.com/distributed-systems/log-what-every-software-engineer-should-know-about-real-time-datas-unifying) 一篇 2013 年的老文，但质量很高，详细介绍了日志在系统中起到的关键作用，值得反复阅读。 **[译] JavaScript 性能优化杀手** [http://www.w3ctech.com/topic/1474](http://www.w3ctech.com/topic/1474) 这篇文档包含了如何避免使代码性能远低于预期的建议. 尤其是一些会导致 V8 (牵涉到 Node.js, Opera, Chromium 等) 无法优化相关函数的问题. **Android微信智能心跳方案** [http://mp.weixin.qq.com/s?__biz=MzAwNDY1ODY2OQ==&mid=207243549&idx=1&sn=4ebe4beb8123f1b5ab58810ac8bc5994&scene=1](http://mp.weixin.qq.com/s?__biz=MzAwNDY1ODY2OQ==&mid=207243549&idx=1&sn=4ebe4beb8123f1b5ab58810ac8bc5994&scene=1) 这种方案在尽量不影响用户收消息及时性的前提下，根据网络类型自适应的找出保活信令TCP连接的尽可能大的心跳间隔，从而达到减少安卓微信因心跳引起的空中信道资源消耗，减少心跳Server的负载，以及减少部分因心跳引起的耗电。 **智能运维在百度日常业务监控中的探索** [http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207609097&idx=1&sn=52d71d23c165ed55583caceae3cb99cf&scene=0](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207609097&idx=1&sn=52d71d23c165ed55583caceae3cb99cf&scene=0) 本文以实际例子来讲解，在百度我们是如何帮助产品完成智能化运维监控之路的。主要内容包括：如何发现商业数据与运维数据的关系？如何进行异常的自动检测？如何解决报警风暴？如何进行自动故障定位？如何形成发现+定位+止损的监控闭环？ **架构腐化之谜** [http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=210816035&idx=3&sn=7ad903e7be165e2c616c20fa2f148f63&scene=1](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=210816035&idx=3&sn=7ad903e7be165e2c616c20fa2f148f63&scene=1) 作为在软件行业第一线工作多年的从业者，我们不得不面对一个现实，那就是当初采用新技术的乐趣随着项目周期的增长而迅速减少。无论当初的选择多么光鲜，半年、一年之后，只要这个项目依然活跃，业务在扩张——越来越多的功能需要加入，一些公共的问题就会逐渐显露出来。在长期运转的项目中，架构的腐化是怎么产生的？为什么常见的面向对象技术无法解决这类问题？如何延缓架构的腐化？本文将尝试解释这一切，并提出相应的解决方案。 **调试 CSS Keyframe 动画** 译文:[http://www.w3ctech.com/topic/1472](http://www.w3ctech.com/topic/1472) 原文:[https://css-tricks.com/debugging-css-keyframe-animations/](https://css-tricks.com/debugging-css-keyframe-animations/) 讲了很多在制作 CSS 动画的时候一些正确的触发机制以及一些小技巧，从而充分的提高性能，同时给出了几个比较好的 CSS 动画调试工具。 **Javascript 异步的进化史** [https://blog.risingstack.com/asynchronous-javascript/](https://blog.risingstack.com/asynchronous-javascript/) The async functions are just around the corner - but the journey to here was quite long. Not too long ago we just wrote callbacks, then the Promise/A+ specification emerged followed by generator functions and now the async functions. **How Autodesk Implemented Scalable Eventing Over Mesos** [http://highscalability.com/blog/2015/8/17/how-autodesk-implemented-scalable-eventing-over-mesos.html](http://highscalability.com/blog/2015/8/17/how-autodesk-implemented-scalable-eventing-over-mesos.html) 详细介绍了 Autodesk Cloud 后端所使用的各种技术。 **Google 关于图片优化的一些建议** [https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=zh-cn](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=zh-cn) 处理图片是开发上绕不开的一环，而且图片的加载速度对于网站的体验意义重大。多国语言版。谷歌的[https://developers.google.com/web/fundamentals/performance/](https://developers.google.com/web/fundamentals/performance/) 这里有不少性能优化的资料，可以系统化的补充下相关知识。 **移动端点击、触碰随记** [http://f2e.souche.com/blog/-yi-dong-duan-dian-ji-hong-peng-sui-ji/](http://f2e.souche.com/blog/-yi-dong-duan-dian-ji-hong-peng-sui-ji/) 这篇文章大概会花费20分钟时间去阅读，主要解决移动端延迟，点穿，焦点获取的问题。解析问题根本原因，给出最佳实践的方案。心急的话可以拉到最后。 **Leveling Up Your App With Advanced Bootstrap Features** [http://developer.telerik.com/featured/leveling-up-your-app-with-advanced-bootstrap-features/](http://developer.telerik.com/featured/leveling-up-your-app-with-advanced-bootstrap-features/) It’s time to take your Bootstrap skills to the next level. Let’s learn about powerful features like: fluid containers, visibility, offsets, push/pull and more. By learning these features, you’ll be able to recognize when they are needed and know how to implement them. It’s time to become a Bootstrap master, and leverage the full power of the framework, let’s dig in. **Here are the Reasons I Deleted your Mobile App** [http://developer.telerik.com/featured/here-are-the-reasons-i-deleted-your-mobile-app/](http://developer.telerik.com/featured/here-are-the-reasons-i-deleted-your-mobile-app/) 列举了一些常见问题并给出如何规避。 **Cross-platform UI in GitHub Desktop** [http://githubengineering.com/cross-platform-ui-in-github-desktop/](http://githubengineering.com/cross-platform-ui-in-github-desktop/) GitHub 桌面版基于 Electron 进行跨平台 UI 开发的经验。 **Image Scaling using Deep Convolutional Neural Networks — Flipboard Engineering** [http://engineering.flipboard.com/2015/05/scaling-convnets/](http://engineering.flipboard.com/2015/05/scaling-convnets/) 使用深度学习来提升拉伸图片的质量，效果看起来很不错。 **Tasks, microtasks, queues and schedules** [https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) 作者很详细的讲解了在浏览器中 tasks、microtasks 存放在不同的事件池中，在事件触发时以怎样的机制来调用，以及不同浏览器对一些事件当成 microntasks 或是 tasks 导致同一份代码在不同浏览器上不同的运行结果。同时在事件触发调用的时候以堆栈动画的形式一步一步展示出来，可以让你更容易理解调用的机制。 **Scaling Node.js to 500 million Users** [https://vimeo.com/136965797](https://vimeo.com/136965797) 一个实时消息平台使用 Node.js 支撑 5 亿用户月活的经验分享。 **What's happening in frontend now?** [https://speakerdeck.com/koba04/whats-happening-in-frontend-now](https://speakerdeck.com/koba04/whats-happening-in-frontend-now) 对近几年出现的前端技术进行了综述，如果你有一段时间没关注前端了，可以看看这关 PPT 来了解最近都发生了什么。 ## 深阅读 - Ext **Gartner 发布 2015年 技术成熟度曲线** [http://www.gartner.com/newsroom/id/3114217](http://www.gartner.com/newsroom/id/3114217) [http://36kr.com/p/5036534.html](http://36kr.com/p/5036534.html) 这个报告对了解科技发展趋势非常有参考意义，哪些。 **极路由安全设计架构分析** [http://www.freebuf.com/articles/terminal/75524.html](http://www.freebuf.com/articles/terminal/75524.html) 现代智能路由器是目前物联网发展链条上一个不可或缺的重要组成部分，搞清楚其架构设计对将来设计物联网有深远的影响，当然为更安全的设计物联网架构起到关键作用。本文将针对智能路由器的代表“极路由”的安全设计架构进行详细的分析。 **Basic CPU Tutorial** [https://embeddedmicro.com/tutorials/lucid/basic-cpu](https://embeddedmicro.com/tutorials/lucid/basic-cpu) 教你如何使用 Lucid 语言开发一个简单的 CPU。 **十大注定要被淘汰的安全技术** [http://mp.weixin.qq.com/s?__biz=MjM5Njc3NjM4MA==&mid=207543992&idx=1&sn=daadd056db59aaae52b8b7f9ac302940&scene=2](http://mp.weixin.qq.com/s?__biz=MjM5Njc3NjM4MA==&mid=207543992&idx=1&sn=daadd056db59aaae52b8b7f9ac302940&scene=2) 攻击和技术的步伐持续前进，即使是所谓最尖端的防御技术，比如生物认证和高级防火墙，都终将失败并退出局面。下面是那些注定要进入历史教科书的安全防御技术，我们五到十年后再翻开这篇文章，一定会超出你的想像。 ## 新鲜货 **Centrifugo** [https://github.com/centrifugal/centrifugo](https://github.com/centrifugal/centrifugo) Go 写的 Websockets 实时消息服务 **Phaser – A fast, fun and free open source HTML5 game framework** [http://phaser.io/](http://phaser.io/) [https://github.com/photonstorm/phaser](https://github.com/photonstorm/phaser) Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. **Color Pickers from Sketch, Photoshop, Chrome & more** [https://github.com/casesandberg/react-color/](https://github.com/casesandberg/react-color/) 7 Different Pickers - Sketch, Photoshop, Chrome and many more. Popup or Block - It can be used it as a popup or always visible. Make Your Own - Use the building block components to make your own **GoTTY - Share your terminal as a web application** [https://github.com/yudai/gotty](https://github.com/yudai/gotty) **Chronos - a distributed task scheduler** [https://github.com/mesos/chronos](https://github.com/mesos/chronos) [https://aphyr.com/posts/326-call-me-maybe-chronos](https://aphyr.com/posts/326-call-me-maybe-chronos) Chronos is a replacement for cron. It is a distributed and fault-tolerant scheduler that runs on top of Apache Mesos that can be used for job orchestration. It supports custom Mesos executors as well as the default command executor. Thus by default, Chronos executes sh (on most systems bash) scripts. **lantern** [https://github.com/getlantern/lantern](https://github.com/getlantern/lantern) 一个加快网速的开源软件。 **Language Trends on GitHub** [https://github.com/blog/2047-language-trends-on-github](https://github.com/blog/2047-language-trends-on-github) java 增势惊人，已经排第二了。 **Go 1.5 is released** [https://blog.golang.org/go1.5](https://blog.golang.org/go1.5) [http://www.infoq.com/cn/news/2015/08/go-1.5-released](http://www.infoq.com/cn/news/2015/08/go-1.5-released) 此版本包括大量重大改进，编译工具链从 C 转换到 Go，以Go编译Go，从 Go 代码库中完全移除 C 代码。完全重新设计了垃圾收集器，减少垃圾收集器的停顿时间。 **KOA 1.0.0** [https://github.com/koajs/koa/releases/tag/1.0.0](https://github.com/koajs/koa/releases/tag/1.0.0) 已经趋于稳定，大家可以放心用了。 **Bootstrap 4 alpha** [http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/](http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/) Moved from Less to Sass; Dropped IE8 support and moved to rem and em units; Consolidated all our HTML resets into a new module, Reboot. **Test versions of IE from 6 through 11 and Microsoft Edge using virtual machines** [http://dev.modern.ie/tools/vms/mac/](http://dev.modern.ie/tools/vms/mac/) 有各种版本的环境，对兼容性测试有意义。 **JavaScript实现类的private、protected、public、static以及继承** [http://blog.csdn.net/yorhomwang/article/details/47807969](http://blog.csdn.net/yorhomwang/article/details/47807969) 挺能折腾的，还是等 ES 规范来拯救世界吧。 **Android大神** [http://yeungeek.com/android%E5%A4%A7%E7%A5%9E/](http://yeungeek.com/android%E5%A4%A7%E7%A5%9E/) 对 android 开发有兴趣的同学可以关注这些资源。 **What are the best programming text editors?** [http://www.slant.co/topics/12/compare/~sublime-text_vs_vim_vs_emacs](http://www.slant.co/topics/12/compare/~sublime-text_vs_vim_vs_emacs) 毫无疑问是 sublime **Build, display, and solve algebraic equations in JavaScript** [http://algebra.js.org/](http://algebra.js.org/) 一个方程式相关的的工具库 algebra.js **GitHub Linker** [https://github.com/github-linker/chrome-extension](https://github.com/github-linker/chrome-extension) The GitHub Linker is a Google Chrome Extension which makes import statements clickable and more. 有了这个插件，看代码方便多了 **Imba – A new programming language for the web** [http://imba.io/](http://imba.io/) Imba is a new programming language for the web that compiles to performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes. For a semi-complex application like TodoMVC, it is more than 20 times faster than React with less code, and a much smaller library. **itemplate** [https://github.com/Rapid-Application-Development-JS/itemplate](https://github.com/Rapid-Application-Development-JS/itemplate) 将模板转成 Incremental DOM 操作的工具，不知道能不能提升性能。 **HHVM 3.9** [http://hhvm.com/blog/9995/hhvm-3-9-0](http://hhvm.com/blog/9995/hhvm-3-9-0) 据说提升了一些的性能。 ## 产品及其它 **Facebook内部高效工作PPT指南** [http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207614267&idx=2&sn=e0b956203d212545697e305e0623ae2f&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207614267&idx=2&sn=e0b956203d212545697e305e0623ae2f&scene=0#rd) 当你在状态时，就多干点，不然就好好休息；保持专注，一心一用；动手做，胜过任何完美的想象；给所有事情都设定一个期限... **和 Vue.js 框架的作者聊聊前端框架开发背后的故事** [http://teahour.fm/2015/08/16/vuejs-creator-evan-you.html](http://teahour.fm/2015/08/16/vuejs-creator-evan-you.html) 这一期我们将聊到非常多前端框架和技术，大家也可以听到小右同学对各种前端框架和技术的点评，如果你正愁如何选择你的前端工具栈, 我相信这一期将会对你有非常大的帮助。(涉及到的技术包含 Knockout, BackboneJS, Spine, Marionette, AngularJS, Ember, Ractive.js, React, Flux, webpack, Karma， Jasmine 等等等等) **Inside Amazon: Wrestling Big Ideas in a Bruising Workplace** [http://www.nytimes.com/2015/08/16/technology/inside-amazon-wrestling-big-ideas-in-a-bruising-workplace.html](http://www.nytimes.com/2015/08/16/technology/inside-amazon-wrestling-big-ideas-in-a-bruising-workplace.html) 揭秘 Amazon 内部苛刻的工作环境，不过后来又有内部员工反馈和实际情况有偏差[https://www.tbray.org/ongoing/When/201x/2015/08/16/Working-at-Amazon](https://www.tbray.org/ongoing/When/201x/2015/08/16/Working-at-Amazon) **真正受过教育的人，应该有这样的思维方式** [http://mp.weixin.qq.com/s?__biz=MzA3NDc1NjgwMg==&mid=213790401&idx=1&sn=4945923f31a3c72de61ab7357d1a2ed2&scene=2](http://mp.weixin.qq.com/s?__biz=MzA3NDc1NjgwMg==&mid=213790401&idx=1&sn=4945923f31a3c72de61ab7357d1a2ed2&scene=2) 坚持、感恩的心、选择、反思...瞬间觉得自己像没受过教育的。教育的本质在于：教育的本质是帮助我们理解了如何去思考，让我们掌控如何去看待这个世界。在繁琐无聊的生活中，时刻保持有意识（Self-awareness），知道什么对你是重要的，学会控制你的想法。 **揭秘谷歌网络基础设施十年演变过程** [http://techcrunch.cn/2015/08/19/how-googles-networking-infrastructure-has-evolved-over-the-last-10-years/](http://techcrunch.cn/2015/08/19/how-googles-networking-infrastructure-has-evolved-over-the-last-10-years/) （译文）[http://techcrunch.com/2015/08/18/how-googles-networking-infrastructure-has-evolved-over-the-last-10-years/](http://techcrunch.com/2015/08/18/how-googles-networking-infrastructure-has-evolved-over-the-last-10-years/) （原文） 把越来越多的机器更有效地连接起来，这本身就是一个非常有挑战的事情。 谷歌数据中心目前已经拥有十万台机器，本文记录了其网络基础设施的演变过程。 **算法、技术及其它** [http://www.cnblogs.com/aquastone/p/algorithm-technology-and-others.html](http://www.cnblogs.com/aquastone/p/algorithm-technology-and-others.html) 一位算法工程师对自己工作的反思，写得挺实在的。 **他才21岁，却要改变这个世界，因为大海被人弄脏了** [http://mp.weixin.qq.com/s?__biz=MzA4NTg5MjMxNQ==&mid=209350413&idx=1&sn=391f6b86451f0d18b057992402fed73a&scene=4](http://mp.weixin.qq.com/s?__biz=MzA4NTg5MjMxNQ==&mid=209350413&idx=1&sn=391f6b86451f0d18b057992402fed73a&scene=4) 一个很帅的少年，从17岁开始，决定要把海洋洗干净，然后竟然快做到了。很棒的小伙，有梦想一定要行动。

## 业界会议 **2015 创新中国秋季峰会** [http://demochina.cyzone.cn/2015aut2/](http://demochina.cyzone.cn/2015aut2/) ## 百度 Web 技术专栏 **FIS3 3.2.0-stable版 发布** [https://github.com/fex-team/fis3/releases/tag/3.2.0](https://github.com/fex-team/fis3/releases/tag/3.2.0) ## 深阅读 **PHP 5.6.x 版本迁移至 PHP 7.0.x 版本** 译文: [https://github.com/pangee/Migrating-from-PHP5.6.x-to-PHP7.0.x](https://github.com/pangee/Migrating-from-PHP5.6.x-to-PHP7.0.x) 原文: [http://php.net/manual/en/migration70.php](http://php.net/manual/en/migration70.php) 介绍了php7.0的一些新特性、停用的的特性、新的函数、以及新的类与接口等。目前php7.0还在开发中，等到正式发版时若想迁移到php7.0还需注意一些兼容性问题。 **ES6 In Depth: The Future** [https://hacks.mozilla.org/2015/08/es6-in-depth-the-future/](https://hacks.mozilla.org/2015/08/es6-in-depth-the-future/) 这个系列文章的最后一篇，介绍了后续可能会添加到 JavaScript 的功能。 **Node.js之HelloWorld背后的大坑** [http://www.jianshu.com/p/3c5897dd2b85](http://www.jianshu.com/p/3c5897dd2b85) 通过简单的源码分析介绍 Node.js 内部的运行机制。 **Pushing the performance limits of node.js** [http://www.jut.io/blog/2015/pushing-node-js-performance-limits](http://www.jut.io/blog/2015/pushing-node-js-performance-limits) 来看看 JUT 这个实时日志分析服务是如何优化 Node 性能的。 **5 steps to making a Node.js frontend app 10x faster** [https://engineering.gosquared.com/making-dashboard-faster](https://engineering.gosquared.com/making-dashboard-faster) 另一个 Node 性能优化建议。 **[译]学习BFC** [http://web.jobbole.com/83274/](http://web.jobbole.com/83274/) BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2\. 1规范定义的，关于CSS渲染定位的一个概念，这个文章详细的介绍了这个知识点。 **在线调试方案的思考与实践** [http://www.cnblogs.com/hustskyking/p/debug-suggest.html](http://www.cnblogs.com/hustskyking/p/debug-suggest.html) 本文的要点不在移动端调试上，移动端调试无非就是调试页面和调试工具之间存在分离，消除这种分离并创建连结就能解决移动端的调试问题。重点阐述的是所见即所得的调试模式下会遇到的阻碍。核心点在于 resource map。这位淘宝工程师关于前端异常收集的这篇文章也不错 [http://www.cnblogs.com/hustskyking/p/fe-monitor.html](http://www.cnblogs.com/hustskyking/p/fe-monitor.html) **谈谈App混合开发** [http://bxbxbai.gitcafe.io/2015/08/16/talk-about-bybird-app/](http://bxbxbai.gitcafe.io/2015/08/16/talk-about-bybird-app/) 介绍 Hybrid App 的实现细节。 **backdooring your javascript using minifier bugs** [https://zyan.scripts.mit.edu/blog/backdooring-js/](https://zyan.scripts.mit.edu/blog/backdooring-js/) 本文讲解了一些由于使用 uglify-js 2.4.23 压缩 JS 代而导致的bug，它们可能导致与压缩前截然相反的结果，也可能会让用户得到用不过期的token。虽然有些故意而为之的因素，但是仔细读了他的示例后你会发现自己触发这种bug也并非毫无可能，所以若非必要，尤其是后端处理逻辑，不要压缩它们。 **把罗永浩搞得黯然神伤的 DDoS 是什么？** [http://www.ifanr.com/556432](http://www.ifanr.com/556432) 对 DDoS 原理及其现状和分布趋势有一个简要的介绍，用无赖在商场门口闹事导致商场很难为正常消费者服务作比喻很形象。 **前端工程——基础篇** [https://github.com/fouber/blog/issues/10](https://github.com/fouber/blog/issues/10) 通常情况下，前端开发只要经过库/框架选型，简单构建优化，JS/CSS模块化开发这3个阶段就可以解决绝大部分的需求，但当面临大体量开发、大规模合作、高性能需求等复杂问题的时候，还需要再做两件事：组件化开发以提升团队协作效率，资源管理以贯彻增量加载原则。 **Fixing Performance in the Web Stack** [http://ponyfoo.com/articles/fixing-web-performance](http://ponyfoo.com/articles/fixing-web-performance) 分析了很多解决Web开发中的性能问题的手段，包括TCP、HTTP、压缩、CDN等经常被分析的问题，同时也讲了一些关于前端的HTML、CSS、JavaScript、图片、字体等优化方案，贯彻缓存与按需加载的理念。 **float是如何工作的** 译文:[http://www.w3cplus.com/css/how-floating-works.html](http://www.w3cplus.com/css/how-floating-works.html) 原文:[http://bitsofco.de/2015/how-floating-works/](http://bitsofco.de/2015/how-floating-works/) 比较详细的讲解了 CSS 中 float 的工作原理以及应该如何正确的使用浮动。 **Responsive Images** [http://blog.cloudfour.com/responsive-images-101-definitions/](http://blog.cloudfour.com/responsive-images-101-definitions/) 在这个言必及“响应式设计”的年代，响应式图片这个关键词也经常被见到，响应式图片即“A method for providing the browser with multiple image sources depending on display density, size of the image element in the page, or any number of other factors.”。文中的内容只给出了响应式图片的定义，内容底部有作者连载完结的一系列响应式图片实现方法。 **CSS vs. SVG:图形文本的效果** 译文: [http://www.w3cplus.com/svg/css-vs-svg-graphical-text.html](http://www.w3cplus.com/svg/css-vs-svg-graphical-text.html) 原文: [https://blogs.adobe.com/dreamweaver/2015/07/css-vs-svg-graphical-text.html](https://blogs.adobe.com/dreamweaver/2015/07/css-vs-svg-graphical-text.html) 针对图形文本的实现，讲了 CSS 和 SVG 结合实例来进行纹理填充的不同解决方案。在浏览器全面支持CSS的background-clip:text属性之前，SVG绝对是创建纹理填充文本效果的最佳方法 **LazyLoad** [https://github.com/verlok/lazyload](https://github.com/verlok/lazyload) LazyLoad is a fast, lightweight and flexible script for loading images only when they’re about to enter the viewport of a scrollable area, which supports the srcset attribute and with and takes best advantage from the progressive JPEG image format (which is good for performance).另外和jQuery_lazyload相比起来，它具有更好的性能并且支持渐进式 JPEG。 **ES6 Template Strings** [http://ponyfoo.com/articles/es6-template-strings-in-depth](http://ponyfoo.com/articles/es6-template-strings-in-depth) [http://www.2ality.com/2015/08/logging-variables-tagged-template.html](http://www.2ality.com/2015/08/logging-variables-tagged-template.html) 这2个都是讲 ES6 中 template 的使用，在做字符串拼接的时候确实很好用。 **RESTful APIs, the big lie** [http://mmikowski.github.io/the_lie/](http://mmikowski.github.io/the_lie/) 关于 restful api 的讨论，反思是技术进步的源泉。 **如何能让页面仔也能做出良性的前端组件？** [http://www.zhihu.com/question/35121667](http://www.zhihu.com/question/35121667) 关于：如何做前端组件这个话题的讨论。 **gl-react-native** [https://github.com/ProjectSeptemberInc/gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native) OpenGL bindings for react-native to implement complex effects over images and components, in the descriptive VDOM paradigm. ## 新鲜货 **Using requestIdleCallback** [https://developers.google.com/web/updates/2015/08/27/using-requestidlecallback](https://developers.google.com/web/updates/2015/08/27/using-requestidlecallback) 和 requestAnimationFrame 用法稍微类似，不过使用 requestIdleCallback 时，它允许应用程序协同调度后台任务，使得它们不引入延迟到共享相同的事件循环的其他高优先级的任务，如输入处理，动画和帧合成。 API可以参考这里：[https://w3c.github.io/requestidlecallback/](https://w3c.github.io/requestidlecallback/) event Loop可以参考 [http://www.ruanyifeng.com/blog/2014/10/event-loop.html](http://www.ruanyifeng.com/blog/2014/10/event-loop.html) 或参考 [https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/) **Toxy, a hackable HTTP proxy to simulate failure scenarios** [https://github.com/h2non/toxy](https://github.com/h2non/toxy) toxy is a fully programmatic and hackable HTTP proxy to simulate server failure scenarios and unexpected network conditions, built for node.js/io.js. It was mainly designed for fuzzing/evil testing purposes, when toxy becomes particularly useful to cover fault tolerance and resiliency capabilities of a system, especially in service-oriented architectures, where toxy may act as intermediate proxy among services. **Ant Design 正式发布** [http://ant.design/](http://ant.design/) Ant Design 源自蚂蚁金服体验技术部的后台产品开发，我们的设计师和前端工程师经过大量的项目实践和总结，希望能抽象出一套企业级的交互视觉规范，统一后台项目的前端 UI 设计，屏蔽各种不必要的设计差异和前端实现成本，解放设计和开发资源，服务更多产品。目前已经用 React 封装了一 Ant Design 的组件库。 **乳摇动画初探** [http://www.alloyteam.com/2015/08/fu-li-ru-yao-dong-hua-chu-tan/](http://www.alloyteam.com/2015/08/fu-li-ru-yao-dong-hua-chu-tan/) 介绍作者实现乳摇的过程思路与方法。 **DevTools Tips For Sublime Text Users** [https://medium.com/@addyosmani/devtools-tips-for-sublime-text-users-cdd559ee80f8](https://medium.com/@addyosmani/devtools-tips-for-sublime-text-users-cdd559ee80f8) 介绍了很多在平时开发时候可能用到的快捷键操作，其中包含一些类似Vim中的块级别操作，用起来真的很爽，值得学习 **Type Profiling and Code Coverage Profiling for JavaScript** [https://www.webkit.org/blog/3846/type-profiling-and-code-coverage-profiling-for-javascript/](https://www.webkit.org/blog/3846/type-profiling-and-code-coverage-profiling-for-javascript/) Web Inspector 中新增的两个小功能，最后还简单介绍了内部是怎么实现的。 **HystrixJS - resilience library for NodeJs applications** [https://bitbucket.org/igor_sechyn/hystrixjs/overview](https://bitbucket.org/igor_sechyn/hystrixjs/overview) Hystrix 的 Node.js 版，可以减少服务不稳定导致的雪崩。 **Sequence.js** [https://github.com/IanLunn/Sequence/](https://github.com/IanLunn/Sequence/) 一款为制作 step-based 类型应用提供响应式 CSS 框架的 JS库 **Chrome will begin pausing many Flash ads by default on September 1** [https://plus.google.com/+GoogleAds/posts/2PmwKinJ7nj](https://plus.google.com/+GoogleAds/posts/2PmwKinJ7nj) 从9月1号起，chrome将开始默认屏蔽 flash 广告。 **5 Cool Things About the Next Version of Bootstrap** [https://dzone.com/articles/5-cool-things-about-next-version-of-bootstrap](https://dzone.com/articles/5-cool-things-about-next-version-of-bootstrap) 简单的介绍了Bootstrap的一些新特性，其中对Sass的切换值得关注。另外文中提到的PostCSS，虽然它自称：“PostCSS, written in JS, is 3 times faster than libsass, which is written in C++.”，但是也有例子证明它在编译含Bootstrap的时候却是相对慢很多的，可以见这里：[https://medium.com/@ddprrt/postcss-misconceptions-faf5dc5038df](https://medium.com/@ddprrt/postcss-misconceptions-faf5dc5038df) **知道创宇研发技能表v3.0** [http://blog.knownsec.com/Knownsec_RD_Checklist/v3.0.html](http://blog.knownsec.com/Knownsec_RD_Checklist/v3.0.html) 绝对的干货，包含但不仅限于web安全、嵌入式安全、前端、server端、产品、设计等各方向的学习资料。 **使用 estools 辅助反混淆 Javascript** [http://blog.knownsec.com/2015/08/use-estools-aid-deobfuscate-javascript/](http://blog.knownsec.com/2015/08/use-estools-aid-deobfuscate-javascript/) JS代码压缩与混淆的工具随处可见，但是代码反混淆还是很有意思的，虽然有些内容例如变量名是无法复原的，但是也可以使用类似jsnice这样的工具对变量进行自动命名，这在看一些被混淆后的代码时还是很有用的。 **Exploring the Hacker Tools of Mr Robot** [https://hackertarget.com/hacker-tools-mr-robot/](https://hackertarget.com/hacker-tools-mr-robot/) 枚举另一些常用的攻击工具。Kali Linux 这个专门用作网络渗透的 os 挺值的关注的。 **JSPatch** [https://github.com/bang590/JSPatch](https://github.com/bang590/JSPatch) JSPatch bridges Objective-C and JavaScript using the Objective-C runtime. You can call any Objective-C class and method in JavaScript by just including a small engine. That makes the APP obtaining the power of script language: add modules or replacing Objective-C code to fix bugs dynamically. **Angular 1 and Angular 2 integration: the path to seamless upgrade** [http://angularjs.blogspot.jp/2015/08/angular-1-and-angular-2-coexistence.html](http://angularjs.blogspot.jp/2015/08/angular-1-and-angular-2-coexistence.html) 讲了如何在已经使用了 Angular 1 的应用中使用 Angular 2 进行无缝升级。另附一个 angular 的文章： How to build an Angular 2 application with routing and services [https://medium.com/@daviddentoom/how-to-build-an-angular-2-application-with-routing-and-services-67ead73db96e](https://medium.com/@daviddentoom/how-to-build-an-angular-2-application-with-routing-and-services-67ead73db96e) **What's New for Developers in Firefox 42** [https://hacks.mozilla.org/2015/08/developer-edition-42-wifi-debugging-win10-multiprocess-firefox-reactjs-tools-and-more/](https://hacks.mozilla.org/2015/08/developer-edition-42-wifi-debugging-win10-multiprocess-firefox-reactjs-tools-and-more/) Firefox 42发布了，新增wifi环境调试android、默认开启多进程、win10主题、React开发中工具等新特性。 **Four:a slightly higher level graphics API based on WebGL 1.0** [https://github.com/allotrop3/four](https://github.com/allotrop3/four) Four is a framework to develop 3D content for the web. It lets you avoid the burden of repetition and complexity to speed up and simplify the development while exposing the flexibility of the WebGL API. **algebra.js** [https://github.com/nicolewhite/algebra.js](https://github.com/nicolewhite/algebra.js) 用于解析、计算代数方程的 javaScript 库。 **A collection of debugging stories** [https://github.com/danluu/debugging-stories](https://github.com/danluu/debugging-stories) debu，尤其是复杂环境下一些诡异问题的 debug 是码农工作中最有挑战的一个项目。作者的这篇文章也不错 Why Don't Schools Teach Debugging? [http://danluu.com/teach-debugging/](http://danluu.com/teach-debugging/) ## 产品及其它 **[译]为什么要造轮子？** [http://www.jianshu.com/p/ec8e81d03001](http://www.jianshu.com/p/ec8e81d03001) [https://medium.com/@leeb/why-invest-in-tools-3240ce289930](https://medium.com/@leeb/why-invest-in-tools-3240ce289930) Facebook Product Infrastructure 团队的经验： - 只有在一个自由开发环境的情况下，工程师才能去「造」一些他们认为更高效帮助他们完成工作的工具 - 当一些“实验”看起来有点儿意思的时候，充满想法和聪明的人会自发地聚到一起来实现这个“实验” **Windows 95 is 20 years old today** [http://www.theverge.com/2015/8/24/9197529/windows-95-is-20-years-old-today](http://www.theverge.com/2015/8/24/9197529/windows-95-is-20-years-old-today) 8月24号竟然是Windows 95 发布的第20周年，当时的“开始菜单按钮”、PNP、MSN等至今仍在使用。 **如何快速掌握一门新技术/语言/框架...** [http://blog.jobbole.com/89978/](http://blog.jobbole.com/89978/) 前端的技术更新速度应该是互联网行业中最快的，如何快速的掌握一门新技术，总结起来大致这么几点：跳出自己的舒适区，不要对自己不熟悉的技术心存恐惧；主动学习；看官方文档；实践。 **2015移动端UI/UX设计趋势报告** 译文：[http://www.uisdc.com/2015-ui-ux-trend-report?utm_source=tuicool](http://www.uisdc.com/2015-ui-ux-trend-report?utm_source=tuicool) 原文：[https://medium.com/interactive-mind/mobile-2015-263ab694e60e](https://medium.com/interactive-mind/mobile-2015-263ab694e60e) 从扁平风和 Material Design 入手，分析了移动端UI的设计趋势以及对用户的影响。 **中国互联网公司最新最全阵亡名单（附死因和反思）** [http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=221761795&idx=2&sn=2c46655f0b8c3e3347d683026ff439ab&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=221761795&idx=2&sn=2c46655f0b8c3e3347d683026ff439ab&scene=0#rd) 整理的很详细，挺有参考价值的。 **提高开发效率的几个协作理念** [http://36kr.com/p/5036872.html](http://36kr.com/p/5036872.html) 提升团队的协作开发效率，除了合理的沟通，拥抱队友之外，还需要工程师们打破开发的职责边界，不要仅将自己的技术视野定在工作所需，向外扩展，会在协作时减少不必要的磨合。

## 深阅读 **Mobile TCP optimization - lessons learned in production** [https://www.snellman.net/blog/archive/2015-08-25-tcp-optimization-in-mobile-networks/](https://www.snellman.net/blog/archive/2015-08-25-tcp-optimization-in-mobile-networks/) 通过自己重写协议栈和网卡驱动来实现的，比较高端。 **前端技术的开放和封闭** [https://github.com/jayli/jayli.github.com/issues/18](https://github.com/jayli/jayli.github.com/issues/18) 拔赤的一篇好文，结合淘宝目前业务体系对前端开发方式的思考，另附阿里无线的一位同学对前端工程的思考[https://github.com/amfe/article/issues/3](https://github.com/amfe/article/issues/3) 两篇老文，但仍值得看。前端是一个需要持续思考和探索的行业，在大家的努力下一定会越来越好。 **JavaScript: from alert() to Machine Learning** [https://www.linkedin.com/pulse/javascript-from-alert-machine-learning-joe-minichino](https://www.linkedin.com/pulse/javascript-from-alert-machine-learning-joe-minichino) 介绍了 JavaScript 在各个领域的使用。 **Action-Domain-Responder** [http://pmjones.io/adr/](http://pmjones.io/adr/) A web-specific refinement of Model-View-Controller. The term MVC has experienced some semantic diffusion from its original meaning, especially in a web context. (See this video from Stefan Priebsch for a more extensive discussion.) To resolve this diffusion, the Action-Domain-Responder pattern description is offered as a web-specific refinement of the MVC user interface pattern. **不懂《提问的智慧》的人不会从初级程序员水平毕业** [https://ruby-china.org/topics/24325](https://ruby-china.org/topics/24325) 这是一篇长文，看完需要十几分钟的时间。但如果你之前没有认真看过并且思考过，这十几分钟会改变你的职业生涯。这文章可能会出现一些让人不适的词语或者过时的例子，但我认为这不会影响它要表达的内容，而你需要好好琢磨作者希望传达的思想。偶尔看到一些注册2、3年的帐号，依然还在问些无趣的问题，透支着“新手问题”节点给予的包容，这样下去永远也无法从初级程序员水平毕业，而且更严重的是： 这些人在拉低社区的讨论水准。 **6 Gulp Best Practices You Can Use Today to Radically Improve Your Development Experience** [http://blog.rangle.io/angular-gulp-bestpractices/](http://blog.rangle.io/angular-gulp-bestpractices/) Gulp has established itself as an important piece of most modern front end projects. As early adopters of this life changing technology at Rangle, we've encountered our share of pitfalls which guided us to valuable lessons about sublteties that can make a world of difference. **「JavaScript」四种跨域方式详解** [http://segmentfault.com/a/1190000003642057](http://segmentfault.com/a/1190000003642057) 感觉是黑科技，看看即可。真需要跨域提交或获取数据，jsonp、xhr2http2 或者 后端代理才是正道。 **用自然语言的角度理解JavaScript中的this关键字** [http://blog.leapoahead.com/2015/08/31/understanding-js-this-keyword/](http://blog.leapoahead.com/2015/08/31/understanding-js-this-keyword/) 在JavaScript中this的用法的确是千奇百怪，但是如果利用自然语言的方式来理解，一切就顺理成章了。可以借鉴来介绍 this 给初学者。这位同学挺高产的，还有两篇 node 的 blog ： - 在Node应用中避免“Dot Hell” [http://blog.leapoahead.com/2015/09/03/prevent-node-require-dot-hell/](http://blog.leapoahead.com/2015/09/03/prevent-node-require-dot-hell/) - 谈如何管理Web应用的环境常量 [http://blog.leapoahead.com/2015/09/04/managing-env-constants/](http://blog.leapoahead.com/2015/09/04/managing-env-constants/) **React, Flux, RethinkDB and SageMathCloud** [http://sagemath.blogspot.jp/2015/08/react-flux-rethinkdb-and-sagemathcloud.html](http://sagemath.blogspot.jp/2015/08/react-flux-rethinkdb-and-sagemathcloud.html) I've been using databases and doing web development for over 20 years, and I've never really loved any database before and definitely didn't love any web development frameworks either. That all changed for me this summer... **CSS3制作球体** 原文：[https://cssanimation.rocks/spheres/](https://cssanimation.rocks/spheres/) 译文：[http://www.w3cplus.com/css3/spheres.html](http://www.w3cplus.com/css3/spheres.html) 通过CSS3 的 border-radius 和 gradients 属性来实现眼球、气泡等效果。 **How to write a great error message** [https://medium.com/@thomasfuchs/how-to-write-an-error-message-883718173322](https://medium.com/@thomasfuchs/how-to-write-an-error-message-883718173322) 通过一些 case 说明了如何给用户错误提示，几个可参考的观点： - The best error message is the one that never shows up - Use a friendly, non-technical, non-threatening tone of voice. - Don’t just assume people know about the context of a message. **Android中插件开发篇总结和概述** [http://blog.csdn.net/jiangwei0910410003/article/details/48104581](http://blog.csdn.net/jiangwei0910410003/article/details/48104581) 插件开发的原理就是：动态加载技术。这篇文章从三个方面去解读Android中插件开发原理。 **Mobile Frameworks Comparison Chart** [http://mobile-frameworks-comparison-chart.com/](http://mobile-frameworks-comparison-chart.com/) 移动端技术选型可以参考。 **Golang在京东列表页实践总结** [http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=206835939&idx=1&sn=c4cbabc4fccdba123d1c49524b0f40d6&scene=1#rd](http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=206835939&idx=1&sn=c4cbabc4fccdba123d1c49524b0f40d6&scene=1#rd) 京东的实践，包括技术选型考虑、系统结构、开发中遇到的问题。 **360的容器化之路** [http://www.stuq.org/ppt/show/324/4e888db24ebbe09ed789794aa32b4305](http://www.stuq.org/ppt/show/324/4e888db24ebbe09ed789794aa32b4305) Docker 的实践。 ## 新鲜货 **New React Developer Tools** [http://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html](http://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html) A month ago, we posted a beta of the new React developer tools. Today, we're releasing the first stable version of the new devtools. We're calling it version 0.14, but it's a full rewrite so we think of it more like a 2.0 release. **微软开源项目： Office-UI-Fabric** [https://github.com/OfficeDev/Office-UI-Fabric](https://github.com/OfficeDev/Office-UI-Fabric) Fabric is a responsive, mobile-first, front-end framework, designed to make it quick and simple for you to create web experiences using the Office Design Language. It’s easy to get up and running with Fabric—whether you’re creating a new Office experience from scratch or adding new features to an existing one. **GitLab Mail Receiver** [https://github.com/huacnlee/gitlab-mail-receiver](https://github.com/huacnlee/gitlab-mail-receiver) Help your GitLab support Email receive and parse content to create Issue replies, like GitHub. The way of allow your GitLab support Email receive and parse the email content, and find Issue/MergeRequest to create reply. **nuophoto - A JavaScript/HTML5 canvas image editor** [https://github.com/aurbano/nuophoto](https://github.com/aurbano/nuophoto) Nuophoto is basically a web interface that aims to show the capabilities of JavaScript as a photo editing software. The photo editing part is done with the library PhotoJShop. **Eight Terminal Utilities Every OS X Command Line User Should Know** [http://www.mitchchn.me/2014/os-x-terminal/?x](http://www.mitchchn.me/2014/os-x-terminal/?x) OS X comes with a number of its own text-based utilities not found on any other operating system. Learning about these Mac-only programs can make you more productive on the command line and help you bridge the gap between UNIX and your Mac. **从沙子到芯片，Intel英特尔处理器制作过程** [http://v.youku.com/v_show/id_XMjQyMDAyMTUy.html](http://v.youku.com/v_show/id_XMjQyMDAyMTUy.html) [http://www.zhihu.com/question/26998618](http://www.zhihu.com/question/26998618) 科普了芯片的知识。 **JS Perf - Popular test cases** [https://jsperf.com/popular](https://jsperf.com/popular) 汇集了一些最流行的性能测试 case，间接说明开发者在性能问题上关注的一些点。 **Alliance for Open Media Established to Deliver Next-Generation Open Media Formats** [http://aomedia.org/press-release/alliance-to-deliver-next-generation-open-media-formats/](http://aomedia.org/press-release/alliance-to-deliver-next-generation-open-media-formats/) Amazon, Cisco, Google, Intel Corporation, Microsoft, Mozilla and Netflix 开始联合制定下一代开放的高清媒体格式。 **The future of layout with CSS: Grid Layouts** [https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a](https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a) In this article we'll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers. 另附一个 css grid 的类库： Layout Grid [https://clippings.github.io/layout-grid/](https://clippings.github.io/layout-grid/) **Typeset - An html pre-proces­sor for web ty­pog­ra­phy** [https://github.com/davidmerfield/typeset](https://github.com/davidmerfield/typeset) Typeset is an html pre-proces­sor for web ty­pog­ra­phy. It uses no client-side JavaScript but gives you hang­ing punc­tu­a­tion, soft hy­phen in­ser­tion, op­ti­cal mar­gin out­dents, small-caps con­ver­sion and punctuation substitution. **Google’s look, evolved** [http://googleblog.blogspot.jp/2015/09/google-update.html](http://googleblog.blogspot.jp/2015/09/google-update.html) [http://wengengmiao.baijia.baidu.com/article/155283](http://wengengmiao.baijia.baidu.com/article/155283) 厉害的是这个 logo 只有305字节 [http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207858150&idx=1&sn=d3723a8481f9c092054fdd560b8f1b82&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=207858150&idx=1&sn=d3723a8481f9c092054fdd560b8f1b82&scene=0#rd) **Chrome 45 发布，内存管理机制升级** [http://chrome.blogspot.com/2015/09/chrome-improvements-for-faster-and-more.html](http://chrome.blogspot.com/2015/09/chrome-improvements-for-faster-and-more.html) [http://36kr.com/p/5037074.html](http://36kr.com/p/5037074.html) **Hack － A typeface designed for source code** [http://sourcefoundry.org/hack/](http://sourcefoundry.org/hack/) Hack is hand groomed and optically balanced to be your go-to code face.相关字体： - [https://github.com/chrissimpkins/codeface](https://github.com/chrissimpkins/codeface) - [https://github.com/nathco/office-code-pro](https://github.com/nathco/office-code-pro) **OOSMOS The Object-Oriented State Machine Operating System** [http://oosmos.com/](http://oosmos.com/) OOSMOS stands for Object-Oriented State Machine Operating System. It is a new type of operating system where the fundamental contextual unit is the object, not the thread as it is in traditional operating systems. **前端资源汇总** [http://f2er.club/](http://f2er.club/) 堪称前端 hao123，赞这位工程师的悉心整理。 **Github Protected branches and required status checks** [https://github.com/blog/2051-protected-branches-and-required-status-checks](https://github.com/blog/2051-protected-branches-and-required-status-checks) 大家大概都会有不小心force push到错误分支的经验，导致其他人的修改被覆盖。为了解决这个问题，我们将在接下来的几周逐步部署受保护分支的功能，可以让管理员设置禁止向指定的分支进行force push操作。 **HTML5 Deck of Cards** [http://pakastin.github.io/deck-of-cards/](http://pakastin.github.io/deck-of-cards/) 扑克牌相关一个类库，洗牌、发牌、效果挺酷的。 **TiDB is a distributed SQL database** [https://github.com/pingcap/tidb](https://github.com/pingcap/tidb) TiDB is a distributed SQL database. Inspired by the design of Google F1, TiDB supports the best features of both traditional RDBMS and NoSQL. Go 语言比较容易懂，可以去看代码学习存储技术。 ## 产品及其它 **Madoko - Write Beautiful Documents** [https://www.madoko.net/](https://www.madoko.net/) Madoko is a fast markdown processor for writing professional articles, books, manuals, webpages and presentations, with a focus on simplicity and plain text readability. 竟然能支持写论文，不得不说：万能的 md。 **Airbnb创始人讲述从穷光蛋到估值255亿美金秘密** [http://www.iheima.com/news/2015/0903/151811.shtml](http://www.iheima.com/news/2015/0903/151811.shtml) 美国创业新秀Airbnb创立于2008年，现今已经过7轮融资，估值高达255亿美元。其火箭般高速发展背后有哪些不为人知的故事？这句话最赞：分享时代 - 给普通人新希望的时代 **垂直构成：那些隐秘沉寂的生态** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=208694094&idx=1&sn=03d7eb3a19c3c5e1aa975f2c6e900037&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=208694094&idx=1&sn=03d7eb3a19c3c5e1aa975f2c6e900037&scene=0#rd) 小人物，大历史。不论历史多么壮阔，我们大多数人却是注定的凡俗。反过来，却是凡俗的我们组成了这个世界的波澜，时间维度酝酿着一切不确定，逐步的雕刻出来了沧桑、不朽、伟大、或者平凡。今天我们就来讲述几个行业内真实小人物的故事，来洞察分析互联网行业垂直构成和那些隐秘沉寂的生态细节。 **成功技术领导者10条经验锤炼** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=208891164&idx=1&sn=893d43e516f576917dcb99cfa421a226&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=208891164&idx=1&sn=893d43e516f576917dcb99cfa421a226&scene=0#rd) 如果你带领的团队必须完成某个任务，任务现在面临困境，你愿意：优先考虑任务；优先考虑人；平衡人和任务；逃避；上述无一可选择。文章貌似来自《成为技术领导者》这本书，推荐大家看原著。 **你碰到过的最难调的 Bug 是什么样的？** [http://www.zhihu.com/question/34787444](http://www.zhihu.com/question/34787444) 见识一下一些奇葩 bug **让你最痛苦的技术文档是如何制造出来的** [http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=214370853&idx=1&sn=1cc574a1c2e6abf98a09e12d9ef88006&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=214370853&idx=1&sn=1cc574a1c2e6abf98a09e12d9ef88006&scene=0#rd) 文档怎么写值得每个码农思考。

## 深阅读 **请用 Node.js 4.0.0** [https://cnodejs.org/topic/55efcc524b70f72113ff4f3b](https://cnodejs.org/topic/55efcc524b70f72113ff4f3b) [https://nodejs.org/en/blog/release/v4.0.0/](https://nodejs.org/en/blog/release/v4.0.0/) 2015年9月9日，Node.js 重装上阵。社区在经过大半年的分裂，终于放出首个 Node.js 与 io.js 的融合版本——Node.js 4.0.0 版本。Node.js 4.0.0 首次将 Node.js 和 io.js 项目的代码库融合到了一起，所以这次发布不仅包含所有 io.js 对 Node.js 作出的改进，也包含 Node.js 的 0.12 中的所有后续新增功能，而这些功能之前 io.js 的用户是享受不到的。另附： * Node 大新闻： IBM 收购 StrongLoop [https://strongloop.com/strongblog/node-js-community-ibm-acquisition](https://strongloop.com/strongblog/node-js-community-ibm-acquisition) * 升级 node v4 的 7 个理由 [http://www.cli-nerd.com/2015/09/09/7-reasons-to-upgrade-to-node-v4-now.html](http://www.cli-nerd.com/2015/09/09/7-reasons-to-upgrade-to-node-v4-now.html) **如何构建 Web 前端 Mock Server** [http://www.zhihu.com/question/35436669](http://www.zhihu.com/question/35436669) 为了更好的分工合作，让前端能在不依赖后端环境的情况下进行开发，其中一种手段就是为前端开发者提供一个web容器，这个本地环境就是 mock server。 **HTTP is obsolete. It's time for the distributed, permanent web** [https://blog.neocities.org/its-time-for-the-permanent-web.html](https://blog.neocities.org/its-time-for-the-permanent-web.html) 介绍了一种新协议 IFPS。IPFS is a distributed file system that seeks to connect all computing devices with the same system of files. In some ways, this is similar to the original aims of the Web, but IPFS is actually more similar to a single bittorrent swarm exchanging git objects. IPFS could become a new major subsystem of the internet. If built right, it could complement or replace HTTP. **The State of Front-End Tooling – 2015** [http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results](http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results) 竟然有专业的统计报表，大家自行研究吧，对技术选型有参考价值。 **HTTP/2 资料汇总** [https://imququ.com/post/http2-resource.html](https://imququ.com/post/http2-resource.html) 本文汇总一些关于 HTTP/2 的资料以及屈屈自己写过的文章，学习 http2 很好的参考资料。 **The Pixel Factory - WebGL, GPUs and Math(Box)** [http://acko.net/files/gltalks/pixelfactory/online.html#0](http://acko.net/files/gltalks/pixelfactory/online.html#0) 相关文章： [http://acko.net/files/fullfrontal/fullfrontal/wdcode/online.html](http://acko.net/files/fullfrontal/fullfrontal/wdcode/online.html) **八幅漫画理解使用JSON Web Token设计单点登录系统** [http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/](http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/) JSON Web Token（JWT）是一个非常轻巧的规范。这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。 **How I Came To Love TypeScript** [http://developer.telerik.com/featured/how-i-came-to-love-typescript/](http://developer.telerik.com/featured/how-i-came-to-love-typescript/) 分享了关于 TypeScript 的实践经验。 **Promises in JavaScript Unit Tests: the Definitive Guide** [http://www.sitepoint.com/promises-in-javascript-unit-tests-the-definitive-guide/](http://www.sitepoint.com/promises-in-javascript-unit-tests-the-definitive-guide/) Promises are becoming a common part of the JavaScript code. Despite making asynchronous code simpler, dealing with promises in unit tests is a hassle. In this article, I’ll show you how to fix this issue and discuss useful patterns which are able to simplify common promise-scenarios in tests’ stage. **You're probably wrong about caching** [http://msol.io/blog/tech/youre-probably-wrong-about-caching/](http://msol.io/blog/tech/youre-probably-wrong-about-caching/) 介绍了 cache 的副作用 **Principles Of HTML5 Game Design** [http://www.smashingmagazine.com/2015/09/principles-of-html5-game-design/](http://www.smashingmagazine.com/2015/09/principles-of-html5-game-design/) 另附两个 Web 图形相关的东东： - WebGL Shader Editor and Composer [http://shaderfrog.com/](http://shaderfrog.com/) - CanvasVideoRecorder [https://github.com/zb3/CanvasVideoRecorder](https://github.com/zb3/CanvasVideoRecorder) - Tridiv - a web-based editor for creating 3D shapes in CSS [http://tridiv.com/](http://tridiv.com/) - WebGL Stats [http://webglstats.com/](http://webglstats.com/) **Reasons why Laravel is the best framework for PHP?** [http://webuilddesign.com/reasons-why-laravel-is-the-best-framework-for-php/](http://webuilddesign.com/reasons-why-laravel-is-the-best-framework-for-php/) 框架开发者可以参考。 **ssrf 攻击** [http://www.wooyun.org/bugs/wooyun-2015-0129588](http://www.wooyun.org/bugs/wooyun-2015-0129588) ssrf其实是一个可以穿越企业内外边界的低调杀手！企业需要警惕这种低成本的内网攻击技术，因为它实在是太常见了。搜狐某云服务API接口导致SSRF。可以了解下这种攻击形式。相关资料： - Bool型SSRF的思考与实践 [http://drops.wooyun.org/web/7550](http://drops.wooyun.org/web/7550) **Handler和他的小伙伴们** [http://www.jianshu.com/p/e04698eaba88](http://www.jianshu.com/p/e04698eaba88) [http://www.jianshu.com/p/1d03fe0b285c](http://www.jianshu.com/p/1d03fe0b285c) 组织运作模式和编程模型的互相映射，挺有趣的。 ## 新鲜货 **Chartx** [http://thx.github.io/chartx/](http://thx.github.io/chartx/) Chartx，专业的数据可视化解决方案，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖自有Canvas渲染引擎Canvax。 **time-picker** [https://github.com/ustbhuangyi/time-picker](https://github.com/ustbhuangyi/time-picker) a time picker which experience like IOS and it's inspired by the UIDatePicker. **Brunch** [http://brunch.io/#why](http://brunch.io/#why) [https://github.com/brunch/brunch](https://github.com/brunch/brunch) Fast front-end web app build tool with simple declarative config, seamless incremental compilation for rapid development, an opinionated pipeline and workflow, and core support for source maps. 工具的更新速度真快。 **Use getAwesomeness()** [http://getawesomeness.com/](http://getawesomeness.com/) To retrieve all amazing awesomeness from Github，各种 awesome 汇总，非常好的学习资料。 **React v0.14 Release Candidate** [https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html](https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html) **Alda:一种音乐编程语言** [https://github.com/alda-lang/alda](https://github.com/alda-lang/alda) [http://daveyarwood.github.io/alda/2015/09/05/alda-a-manifesto-and-gentle-introduction/](http://daveyarwood.github.io/alda/2015/09/05/alda-a-manifesto-and-gentle-introduction/) Alda’s ambition is to be a powerful and flexible music programming language that can be used to create music in a variety of genres by typing some code into a text editor and running a program that compiles the code and turns it into sound. wiki 还收录了更多的 [https://en.wikipedia.org/wiki/List_of_audio_programming_languages](https://en.wikipedia.org/wiki/List_of_audio_programming_languages) **RobotJS - Node.js Desktop Automation.** [https://github.com/octalmage/robotjs](https://github.com/octalmage/robotjs) Control the mouse, keyboard, and read the screen. RobotJS supports Mac, Windows, and Linux. **嵌入式知识总汇** [https://github.com/phodal/eks](https://github.com/phodal/eks) **Angular提供了改进后的迁移路径，包括ng-upgrade组件** [http://www.infoq.com/cn/news/2015/09/angular-migration-ng-upgrade](http://www.infoq.com/cn/news/2015/09/angular-migration-ng-upgrade) ng-upgrade，能够允许Angular 1与Angular 2项目的并存。这样一来，开发者就能够将一个应用程序进行逐步地进行迁移，同时也不会丢失在任何一个版本上的准确性。 **Using ES6 with Angular today** [http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html](http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html) One of the most exciting upcoming changes for Angular 2.0 is that it’s entirely written in ES6 - the next version of JavaScript. There’s no need to wait until Angular 2.0 though. You can start writing your Angular apps with ES6 today - even with Angular 1.x. **Neural Networks and Deep Learning** [http://neuralnetworksanddeeplearning.com/](http://neuralnetworksanddeeplearning.com/) Neural Networks and Deep Learning is a free online book. The book will teach you about: - Neural networks, a beautiful biologically-inspired programming paradigm which enables a computer to learn from observational data - Deep learning, a powerful set of techniques for learning in neural networks 免费电子书，号称最好的 Deep Learning 学习资料，对高科技有兴趣的同学可以研究。另附：[http://colah.github.io/](http://colah.github.io/) 其中关于深度学习的数据可视化效果也值得参考。 **HTML5 version for StarCraft game** [https://github.com/gloomyson/StarCraft](https://github.com/gloomyson/StarCraft) 赞开拓精神，这个代码库还是挺值的学习的，尤其是对 Web Game 有兴趣的。 **Httpbin – HTTP Client Testing Service** [http://httpbin.org/](http://httpbin.org/) [https://github.com/Runscope/httpbin](https://github.com/Runscope/httpbin) 自主开发 httpclient 的话，可以用来构造 test case。 **zip-local** [https://github.com/Mostafa-Samir/zip-local](https://github.com/Mostafa-Samir/zip-local) very simple zipping/uzipping of local files and directories in node.js ## 产品及其它 **盘点2015年欧洲最大科技展上最好产品** [http://tech.qq.com/a/20150907/008306.htm#p=1](http://tech.qq.com/a/20150907/008306.htm#p=1) 卷轴式键盘 地毯扬声器 智能灯带 挺有特点的 **对独立程序员的赞美** [http://www.labazhou.net/2015/09/a-salute-to-solo-programmers/](http://www.labazhou.net/2015/09/a-salute-to-solo-programmers/) 了解下隐士级程序员的生活。隐士理我们太远，在家办公更值得期待。 **Supercell 官方自传** [http://mp.weixin.qq.com/s?__biz=MzA5MzAyODU5Nw==&mid=209820236&idx=1&sn=7f8527bb23e43051f52af6bfaaa14361&scene=2&srcid=0906TVcvNxI4DUbVR72gd3KF](http://mp.weixin.qq.com/s?__biz=MzA5MzAyODU5Nw==&mid=209820236&idx=1&sn=7f8527bb23e43051f52af6bfaaa14361&scene=2&srcid=0906TVcvNxI4DUbVR72gd3KF) 《卡通农场》、《部落冲突》和《海岛奇兵》三款游戏，每一款都是吸金大作，三款游戏均出自2010年才成立的芬兰游戏公司——Supercell。2014年，Supercell的收入达到17亿美金，利润达到5.65亿美金。可怕的是，这家公司仅有150名员工，人均产值超过1100万美元。其三大核心价值观为： - 优秀的人才创造优秀的游戏 - 而独立的细胞 - 创造玩家们愿意投入很多年的游戏 **黑客的胜利—读《增长黑客》有感** [http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208044586&idx=2&sn=9beb5ab14c0c5886f76675f483443615&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208044586&idx=2&sn=9beb5ab14c0c5886f76675f483443615&scene=0#rd) 黑客精神值得发扬光大： - 渴望了解世界，更擅长「深入」的了解世界 - 痛恨无聊、乏味、低效，鄙视蛮干与蠢干 - 理性派

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

## 百度WEB技术专栏 **LineUp：多属性排序的可视分析** [http://efe.baidu.com/blog/lineup/](http://efe.baidu.com/blog/lineup/) 在我们的日常生活中经常会遇到各种各样的排序列表，排序是将无序的数据项集合重组的普遍方式，它基于数据项的单个或多个属性值为数据项计算一个排名。 ## 深阅读 **How Chromium Works** [https://medium.com/@aboodman/in-march-2011-i-drafted-an-article-explaining-how-the-team-responsible-for-google-chrome-ships-c479ba623a1b](https://medium.com/@aboodman/in-march-2011-i-drafted-an-article-explaining-how-the-team-responsible-for-google-chrome-ships-c479ba623a1b) Today, I’d like to tell you about how Chromium works. Not Chrome, the browser, but Chromium, the group of people who build the browser. Hundreds of engineers work on the Chromium project. Together we commit about 800 changes to the codebase every single week. We also depend on many other large and active projects like V8, Skia, and WebKit. **ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事？** 译文 [http://huangxuan.me/2015/09/22/js-version/](http://huangxuan.me/2015/09/22/js-version/) 原文 [http://benmccormick.org/2015/09/14/es5-es6-es2016-es-next-whats-going-on-with-javascript-versioning/](http://benmccormick.org/2015/09/14/es5-es6-es2016-es-next-whats-going-on-with-javascript-versioning/) 译者：我们天天都在说 ES6/ES7，那 ES2015/ES2016 又是哪来的名字？到底哪个才是正确的？想要严谨的装逼，本文带你一同回顾， 20 岁的 JavaScript，从诞生到今天的命名黑历史 **N|Solid™ is the premier Enterprise-grade Node.js® platform** [https://nodesource.com/products/nsolid](https://nodesource.com/products/nsolid) It provides developers, DevOps and operations staff an optimized platform for running Node.js applications at scale, with confidence. N|Solid delivers greater understanding, predictability, and availability of your critical Node applications through a secure, high-performance, highly instrumented Node implementation. **Scroll Snapping with CSS Snap Points** [https://www.webkit.org/blog/4017/scroll-snapping-with-css-snap-points/](https://www.webkit.org/blog/4017/scroll-snapping-with-css-snap-points/) Scroll snapping allows you to define special points in the content of a scrollable container using CSS. When a user scrolls in this container, the scroll offset will come to rest at one of these special offsets. **[专访]如何构建高可用和可伸缩的架构** [http://www.csdn.net/article/2015-09-22/2825769-CTO](http://www.csdn.net/article/2015-09-22/2825769-CTO) 如何构建高可用和可伸缩架构？有哪些关键的技术节点和难点挑战？对于公司来说，为什么有必要考虑高可用可伸缩？本文为@七牛云存储 首席架构师李道兵在CTO讲堂中的精彩分享整理。 **How to Write a Git Commit Message** [http://chris.beams.io/posts/git-commit/](http://chris.beams.io/posts/git-commit/) Git 正在大规模应用，commit msg 在研发中非常重要，这个文章很有参考价值。 **CSS3硬件加速也有坑！！！** [http://div.io/topic/1348](http://div.io/topic/1348) 传说中的CSS 3硬件加速也是有坑啊。 **Ten Rules for Open Source Succes** [http://hintjens.com/blog:95](http://hintjens.com/blog:95) Everyone wants it, lots of people try it, yet doing it is mostly painful and irritating. I'm speaking about free software aka open source. Today I'm going to summarize 30 years of coding experience in ten management-proof bullet points. **Launching nginScript and Looking Ahead** [https://www.nginx.com/blog/launching-nginscript-and-looking-ahead/](https://www.nginx.com/blog/launching-nginscript-and-looking-ahead/) nginScript is a robust implementation of much of JavaScript, including the parts most useful for configuring NGINX. nginScript can be used for quick fixes, making NGINX configuration more convenient and operations more efficient. But, because it runs at the application delivery level, it will also enable you to refactor your applications for greater long-term stability, security, and scale. 另外 NGINX 1.9.5 将支持 HTTP/2 [https://www.nginx.com/blog/nginx-1-9-5/](https://www.nginx.com/blog/nginx-1-9-5/) **可视化你的足迹** [http://icodeit.org/2015/09/visualize-your-steps/](http://icodeit.org/2015/09/visualize-your-steps/) [http://icodeit.org/2015/09/show-your-map-in-browser/](http://icodeit.org/2015/09/show-your-map-in-browser/) 在本文中，我们通过将日常中很容易收集到的数据，通过一系列的处理，并最终展现在地图上。这仅仅是GIS的一个很简单场景，但是我们可以看到，当空间数据和地图结合在一起时，可以在可视化上得到很好的效果，读者可以很容易从中获取信息。 **Back to the :roots** [http://simurai.com/blog/2015/09/09/back-to-the-roots/](http://simurai.com/blog/2015/09/09/back-to-the-roots/) 文中通过4个例子演示了当使用CSS时，使用能继承父节点的一些属性有时候会来带很好的效果。 **uses mathematics and code together to make art** [https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/](https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/) 文中以 step-by-step 的方式介绍了一个很炫的3D旋转的类似多米诺骨牌效应的效果。 **如果业界中不用高级算法和数据结构，那为什么还要学?** [http://blog.jobbole.com/91815/](http://blog.jobbole.com/91815/) 这是一个你无法说清楚自己会在什么时候用到它，但是却在潜移默化中被其影响的东东，所以你要学。 **架构之路（二）：性能** [http://www.csdn.net/article/2015-09-22/2825773](http://www.csdn.net/article/2015-09-22/2825773) 文中讲述了不应该因为过分追求性能的优化而去影响代码的可读性，这并不无道理。在很多时候我们也确实应该衡量性能的提升会带来的产出与投入是否对称，根据实际应用场景来进行处理。 **ES6 in Depth Strings & Array Extensions** [http://ponyfoo.com/articles/es6-strings-and-unicode-in-depth](http://ponyfoo.com/articles/es6-strings-and-unicode-in-depth) [http://ponyfoo.com/articles/es6-array-extensions-in-depth](http://ponyfoo.com/articles/es6-array-extensions-in-depth) 介绍了 Strong 的 from、of、copyWithin、fill、find等方法，Array 的一些新的方法以及对unicode的新支持，例如emoji。 **The Asset Pipeline** [http://guides.rubyonrails.org/asset_pipeline.html](http://guides.rubyonrails.org/asset_pipeline.html) 关于 Asset pipeline 的详细介绍 **JS中的二进制操作简介** [http://jimliu.net/2015/09/26/a-brief-look-at-binary-ops-in-js/](http://jimliu.net/2015/09/26/a-brief-look-at-binary-ops-in-js/) 随着 JS 应用场景的增多，处理二进制已经越来越常见，这个文章介绍了 JS 处理二进制数据的一些基础知识。 **【Deep Learning】From AI to True-AI** [http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=211012086&idx=1&sn=2a217f842a1430891a2a42e913a55ab9&scene=1&srcid=0925tQ6ZfZJSDJgtOSnqe1SR#rd](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=211012086&idx=1&sn=2a217f842a1430891a2a42e913a55ab9&scene=1&srcid=0925tQ6ZfZJSDJgtOSnqe1SR#rd) 听360研究院负责人科普高科技，Brain-Like 和 Baby-Like 这样的抽象很容易理解。另附 Google 工程师制作关于机器学习和神经网络的科普视频 [http://video.weibo.com/show?fid=1034:06d167d21be3cb57d915646f3251b8ed](http://video.weibo.com/show?fid=1034:06d167d21be3cb57d915646f3251b8ed) **Goodbye, Native Mobile Apps - Why Atavist is betting on the web** [https://atavistinsider.atavist.com/goodbye-native-mobile-apps/](https://atavistinsider.atavist.com/goodbye-native-mobile-apps/) Atavist 是一个新闻资讯类网站，这篇文章介绍了他们在移动端的 Web 实践之路。 ## 新鲜货 **GitLab 8.0 released with new looks and integrated CI!** [https://about.gitlab.com/2015/09/22/gitlab-8-0-released/](https://about.gitlab.com/2015/09/22/gitlab-8-0-released/) 好多个功能升级，值得更新。 **Zulip - Powerful open source group chat** [https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project](https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project) [https://www.zulip.org/](https://www.zulip.org/) Dropbox has open-sourced Zulip, a group chat application optimized for software development teams that was acquired by Dropbox in 2014. **Introducing Lemur** [http://techblog.netflix.com/2015/09/introducing-lemur.html](http://techblog.netflix.com/2015/09/introducing-lemur.html) Netflix is pleased to announce the open source release of our x.509 certificate orchestration framework : Lemur! **Fresh Resources for Developers – September 2015** [https://codegeekz.com/fresh-resources-for-developers-september-2015/](https://codegeekz.com/fresh-resources-for-developers-september-2015/) 15款新鲜的为开发者提供的资源，涉及CSS、排版、主题、设计、配色、Git等等，总有一款适合你。 **ContentTools——A beautiful & small content editor** [http://getcontenttools.com/](http://getcontenttools.com/) A JS library for building WYSIWYG editors for HTML content. **A simple string to crash Google Chrome** [http://andrisatteka.blogspot.jp/2015/09/a-simple-string-to-crash-google-chrome.html](http://andrisatteka.blogspot.jp/2015/09/a-simple-string-to-crash-google-chrome.html) 在Chrome导航栏中输入简短的16个字符，真的会导致Chrome崩溃。更糟糕的是，如果上面这串字符属于某个超链接的一部分，当你将鼠标放上去的时候，Chrome 也会挂掉当前页面、并报出“Aw，Snap！”的错误。 **Scalable Vector Graphics (SVG) 2** [https://svgwg.org/svg2-draft/](https://svgwg.org/svg2-draft/) This document is the 24 September 2015 Editor’s Draft of SVG 2\. This version of SVG builds upon SVG 1.1 Second Edition by improving the usability of the language and by adding new features commonly requested by authors. **Dolphin - Web UI自动化测试平台** [http://dolphin.duapp.com/](http://dolphin.duapp.com/) UC 的同学研制的平台，其目标是：“对业务功能进行自动化回归测试，及时发现问题，从而提高业务功能测试的效率” **几个轻量级类React的框架** [http://mithril.js.org/](http://mithril.js.org/) [http://riotjs.com/](http://riotjs.com/) [https://github.com/dekujs/deku](https://github.com/dekujs/deku) **ShaderFrog** [http://shaderfrog.com/](http://shaderfrog.com/) 一款面向设计者和开发人员的 WebGL Shader 在线编辑器 **The State of Front-End Tooling – 2015** [http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results](http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results) 2015年前端各种工具的使用情况调查情况，可以帮助自己在技术选型上做出一些判断。 **2015全球容器大会资料** [http://pan.baidu.com/s/1jGCP2Lo](http://pan.baidu.com/s/1jGCP2Lo) 密码：sq2p ## 产品及其它 **阿里前副总裁波特从马云身上学到的40条心得** [http://zhouchangfan.baijia.baidu.com/article/179358](http://zhouchangfan.baijia.baidu.com/article/179358) 波特•埃里斯曼是阿里巴巴最早加入的美国员工之一，曾任阿里巴巴国际及阿里巴巴集团的副总裁。他将自己的亲身经历以及他对阿里巴巴的观察和看法写成《阿里传》一书，而下面的 40 堂课即是波特从马云和阿里巴巴创业过程中学到的 “心法”，涉及商业、生活与企业家精神。 **史上最猛程序员...** [http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209494340&idx=1&sn=9161b0e319614bc4bb9ca597e565d616&scene=2&srcid=09215GOBilBYYNAYlCBk07H5](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209494340&idx=1&sn=9161b0e319614bc4bb9ca597e565d616&scene=2&srcid=09215GOBilBYYNAYlCBk07H5) 竞选美国总统，硅谷真正的老大，卖杀毒软件也卖毒品。这哥们叫John McAfee，你别不信，这哥们以前真是程序员，还是世界上第一个破解电脑病毒的人。。。 **什么是工程师文化？** [http://www.zhihu.com/question/22168420](http://www.zhihu.com/question/22168420) 一个值得思考的话题，这三点总结得不错： - 对组织管理结构和运行模式有较高要求 - 对自动化和智能化无休止的追求 - 团队精神有着无比重要的地位 **微信之父张小龙如何向马化腾众高管详解微信背后的产品观？** [http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG](http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG) 在张小龙看来，关注人性和群体心理，像上帝一样，道生一，一生二地去建立规则和系统，并提高用户体验品味，才算是一个合格的产品经理。以下是张小龙经典的干货，再次与大家分享。另附：产品经理的段位——说说腾讯的产品职级 [http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG](http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG)

## 深阅读 **Using ES2016 Decorators to Publish on an Event Bus** [http://jonathancreamer.com/using-es2016-decorators-to-publish-on-an-event-bus/](http://jonathancreamer.com/using-es2016-decorators-to-publish-on-an-event-bus/) We can use ES2016 decorators to attach behavior to methods on a class. With this we can do things like publishing to an event bus when a method is invoked. **《十二万个漏洞》 - by 乌云 方小顿** [http://v.youku.com/v_show/id_XMTM0NjgxMzE1Mg==.html](http://v.youku.com/v_show/id_XMTM0NjgxMzE1Mg==.html) “发现微信的一个漏洞，我可以一天给自己刷100万，也可以选择把它报告给腾讯，然后修复它。后面这种人，也是在我们平台上玩的这种人，叫白帽子。这些人很特别，他的整个思维，他看问题的角度，全部是黑客角度。” 非盈利组织@乌云-漏洞报告平台 创始人方小顿「十二万个漏洞」 **程序员可能常犯的 6 个错误** [https://linux.cn/article-6329-1.html](https://linux.cn/article-6329-1.html) 相信大家都不陌生： - 对XX技术/工具不熟悉 - 在一开始就考虑的太多 - 学习语法，而不是编程 - ... **The Art of Visualising Software Architecture** [https://leanpub.com/visualising-software-architecture/read](https://leanpub.com/visualising-software-architecture/read) This book focusses on the visual communication of software architecture. This book doesn’t present a formalised, standardised method to communicate software architecture, it does provide a collection of ideas and techniques that thousands of people across the world have found useful. **The Greatest Regex Trick Ever** [http://www.rexegg.com/regex-best-trick.html](http://www.rexegg.com/regex-best-trick.html) 史上最棒的正则表达式技巧。 **关于单页面应用一些随想** [http://segmentfault.com/a/1190000003811700](http://segmentfault.com/a/1190000003811700) 文中指出的这几个不变量还是挺实在的：单页面背后的数据库原理, 数据界面方案, 编程语言底层。另附近期挖坟挖出来的关于云龙和xufei 关于单页应用的讨论 [https://github.com/xufei/blog/issues/5#issuecomment-136962500](https://github.com/xufei/blog/issues/5#issuecomment-136962500) 。做前端一定要警惕的是：很多曾经的金科玉律或者结论，随着技术进步往往会不适用，所以得去分析很多问题背后不变的东西，结合现状得出靠谱的结论。 **We Love SVG** [https://github.com/icons8/welovesvg](https://github.com/icons8/welovesvg) [https://icons8.com/welovesvg](https://icons8.com/welovesvg) We Love SVG is like Google Fonts but for icons. It makes it quick and easy to insert icons into web pages. It contains 9,769 icons from 30 popular icon packs. **Data first, not code first-One Weird Trick to Write Better Code** [http://etodd.io/2015/09/28/one-weird-trick-better-code/](http://etodd.io/2015/09/28/one-weird-trick-better-code/) We'll cover some standard tips and tricks here, but we're not really interested in those. We're looking for the One Weird Trick to rule them all. Hopefully each trick we encounter brings us closer to coding Mecca. **BazaarJS: our criticisms of Angular** [http://www.leanpanda.com/blog/2015/09/20/our-criticisms-of-angularjs/](http://www.leanpanda.com/blog/2015/09/20/our-criticisms-of-angularjs/) 一篇对 Angular 的吐槽 **Inlining Critical CSS for Dynamic Web Apps** [http://ponyfoo.com/articles/inlining-critical-css](http://ponyfoo.com/articles/inlining-critical-css) 这个技巧在一些展示类应用中还是很有效的，百度搜索结果页一直以来都采用这种做法。 **Go Native - Calling C++ From NodeJS** [http://sagivo.com/post/130207525903/nodejs-addons](http://sagivo.com/post/130207525903/nodejs-addons) Sometimes you want to use your existing C++ code directly from your Node app, and you can, using nan and node-gym, as shown here. **Learning About Node Streams** [http://tokyoincode.com/2015/09/27/learning-about-node-streams/](http://tokyoincode.com/2015/09/27/learning-about-node-streams/) The purpose of this blog post is to explain what a stream is in the simplest way possible. There are already many articles and videos online about this topic; however, I wanted to explain it in the simplest way that I could. This is how I would explain Node streams to a five year old. **The Evolution of a Software Engineer** [https://medium.com/@webseanhickey/the-evolution-of-a-software-engineer-db854689243](https://medium.com/@webseanhickey/the-evolution-of-a-software-engineer-db854689243) 非常形象 **OMG STREAMS** [http://pselle.github.io/omgstreams/#1](http://pselle.github.io/omgstreams/#1) 介绍使用 Node Streams 的相关知识，为何要使用它，以及相关的库及工具。 **ESLint: The Next-Generation JavaScript Linter** [http://www.smashingmagazine.com/2015/09/eslint-the-next-generation-javascript-linter/](http://www.smashingmagazine.com/2015/09/eslint-the-next-generation-javascript-linter/) 大神 Nicholas C. Zakas 对 ESLint 的解读。 **A cartoon guide to Flux** [https://medium.com/code-cartoons/a-cartoon-guide-to-flux-6157355ab207](https://medium.com/code-cartoons/a-cartoon-guide-to-flux-6157355ab207) Flux is both one of the most popular and one of the least understood topics in current web development. This guide is an attempt to explain it in a way everyone can understand. **Customizing ES6 via well-known symbols** [http://www.2ality.com/2015/09/well-known-symbols-es6.html](http://www.2ality.com/2015/09/well-known-symbols-es6.html) In ECMAScript 6, the object Symbol has several properties that contain so-called well-known symbols (Symbol.iterator, Symbol.hasInstance, etc.). These let you customize how ES6 treats objects. This blog post explains the details. **JavaScript 就要统治世界了** [http://segmentfault.com/a/1190000003767058](http://segmentfault.com/a/1190000003767058) 这篇文章，当 JS 科普还是挺不错的。 **软件产品&工程团队5个变革理论；** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209265940&idx=1&sn=448ad502ed467a374199980d95a19560&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209265940&idx=1&sn=448ad502ed467a374199980d95a19560&scene=0#rd) 这几个观点不错： － 技术是构建它的文化的产物 - 你可以通过全球范围内的优化而不是本地优化建立学习的文化 - 软件开发应该被看作是不断学习和提升的循环，而不是从开始到结束的过程，或者是对正确性的搜寻 **如何设计类似微信的多终端数据同步协议** [http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210831113&idx=1&sn=0ec9729684478575e264a98370027b34&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210831113&idx=1&sn=0ec9729684478575e264a98370027b34&scene=0#rd) Grouk是一个创业团队，面向团队通讯的主打产品应用刚开始公测，因此我们也需要实现类似微信的多端数据同步功能，下面我主要从技术和产品的结合场景进行一些心得分享，感觉我们在这方面的探索还是值得和大家探讨的，这种需求业界也没有非常成熟的公开解决方案。 ## 新鲜货 **clipboard.js** [http://zenorocha.github.io/clipboard.js/](http://zenorocha.github.io/clipboard.js/) 体积仅占2k，主要面向现代浏览器的剪切板库，不依赖Flash，不依赖Flash，不依赖Flash，因为很重要，所以说三遍。在现代浏览器逐步开始对Flash动刀的今天，这样的类库会更凸现其重要性。 **Github Integrations Directory** [https://github.com/integrations](https://github.com/integrations) Github官方推出协作工具清单，列出所有可以与Github配合的工具。另附： GitHub supports Universal 2nd Factor authentication ：[https://github.com/blog/2071-github-supports-universal-2nd-factor-authentication](https://github.com/blog/2071-github-supports-universal-2nd-factor-authentication) u2f 这种认证方式挺新颖的。 **AMP HTML** [https://github.com/ampproject/amphtml](https://github.com/ampproject/amphtml) Google 联合许多出版商推出的 HTML 子集，感觉是类似 asmjs 的思路，提供一个功能受限的 HTML，从而保证了高性能。 **React v0.14** [http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html](http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html) 这版将 rect-dom 分离出去了，为在 Web 与 React Native 共享代码打下了基础。 **仙剑奇侠传的web移植版** [https://github.com/LiuJi-Jim/h5pal](https://github.com/LiuJi-Jim/h5pal) [http://jimliu.net/2015/09/30/h5pal-release/](http://jimliu.net/2015/09/30/h5pal-release/) **可视化Promise的工作机制** [http://bevacqua.github.io/promisees/](http://bevacqua.github.io/promisees/) **clipboard.js** [http://zenorocha.github.io/clipboard.js/](http://zenorocha.github.io/clipboard.js/) A modern approach to copy text to clipboard No Flash. No dependencies. Just 2kb **HTML5 & CSS3 Fundamentals: Development for Absolute Beginners** [https://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners](https://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners) 来自微软MSDN 第9频道的开发绝对初学者教程：HTML5/CSS3 基础，总共21个教学视频。 **Debugging Webpack applications in WebStorm** [http://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/](http://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/) In this blog post we actually won’t dive into how to get started with Webpack, as lots of great tutorials are available in the Webpack documentation. Instead we’d like to focus on debugging applications built with Webpack in WebStorm 11 EAP **Google fixes nearly decade old Linux kernel TCP bug** [http://bitsup.blogspot.jp/2015/09/thanks-google-tcp-team-for-open-source.html](http://bitsup.blogspot.jp/2015/09/thanks-google-tcp-team-for-open-source.html)[https://github.com/torvalds/linux/commit/30927520dbae297182990bb21d08762bcc35ce1d](https://github.com/torvalds/linux/commit/30927520dbae297182990bb21d08762bcc35ce1d) 谷歌开源TCP小组修复了潜藏了10年之久的Linux内核的TCP缺陷，他们提供的补丁：解决了立方拥塞控制的问题，这是大多数Linux发行版的确实算法。这将对互联网带的性能和效率带来巨大影响 **Attach files to comments** [https://github.com/blog/2061-attach-files-to-comments](https://github.com/blog/2061-attach-files-to-comments) Github 评论支持拖拽上传了。 **美国政府发布官网新设计标准** [https://medium.com/@USDigitalService/introducing-u-s-web-design-standards-aff21383afd6](https://medium.com/@USDigitalService/introducing-u-s-web-design-standards-aff21383afd6)[http://www.cnbeta.com/articles/434541.htm](http://www.cnbeta.com/articles/434541.htm) 美国的首席信息官（CIO）理事会日前发布了一套新的指导方针和开源组件，为其他政府机构网站提供了一些简洁、与时俱进的设计。重新设计的政府机构网站也将帮助人们迅速找到需要的信息。期待我大天朝这方面的快速进步。 **Brotli** [https://github.com/google/brotli/](https://github.com/google/brotli/) Google 开源的新压缩格式，号称比 LZMA 及 bzip2 的压缩率都要高 **Træfɪk** [http://traefik.github.io/](http://traefik.github.io/) 一个七层反向代理服务，优点是能更好地动态调整配置，还有支持 Docker、Mesos 等后端的自动配置 **ScyllaDB: world's fastest NoSQL column store database** [http://www.scylladb.com/](http://www.scylladb.com/) 号称与 Cassandra 兼容又有十倍吞吐量的数据库，它用到了许多高性能的技巧，比如基于 DPDK 在在用户态实现了 TCP 协议。 **Firefox 41 can screenshot a single DOM element** [https://hacks.mozilla.org/2015/09/trainspotting-firefox-41/](https://hacks.mozilla.org/2015/09/trainspotting-firefox-41/) 将一个 DOM 元素以图片的形式保存下来，这个小功能挺有用的。 **他们黑了几乎所有的苹果，还黑了几乎所有的安卓** [http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209614266&idx=1&sn=535ae7641253fb698fce04117f541053&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209614266&idx=1&sn=535ae7641253fb698fce04117f541053&scene=0#rd) 近期发生的苹果手机XcodeGhost病毒事件继续发酵，截止至今，已有四千多款iOS应用感染此病毒，相当一部分还在苹果商店上挂着。后来，安卓也要挂了。而这背后利益链，令人咋舌。 **humans.txt** [http://www.humanstxt.org.cn/#](http://www.humanstxt.org.cn/#) 相当有爱：这是一个普通文本文件，包含了参加该网站创建人员的信息，如团队成员、感谢和站点的技术信息。 通过该文本文件，我们可以快速了解该网站背后的团队信息以及他们的故事。 **Switch to Swift.** [http://iswift.org/](http://iswift.org/) 一个收费的工具，可以将 Objective-C 的代码转成 Swift 语言，方便进行迁移。 **calipers** [https://github.com/lob/calipers](https://github.com/lob/calipers) 一个 Node 的图片及 PDF 高宽读取库，完全基于 Node 实现，速度比调用 ImageMagick 命令快很多。 **N1** [https://github.com/nylas/N1](https://github.com/nylas/N1) 一个基于 Electron 及 React 写的开源桌面邮箱程序，看起来基于 Electron 开发桌面应用已经很靠谱了。 ## 产品及其它 **七十六年后，哪些哈佛人经历了成功人生？** [http://songshuhui.net/archives/93322](http://songshuhui.net/archives/93322) 揭示影响一个人成功的最大因素是什么，居然是。。。 **几缕代码与闲思 - by 玉伯** [https://github.com/lifesinger/lifesinger.github.io/issues/223](https://github.com/lifesinger/lifesinger.github.io/issues/223) 关于技术团队的管理，关于 Tech Leader 的自我突破，关于骑车，关于怎样过好这乱糟糟又蛮有趣的生活。赞这几个心得： - 技术团队最大的危机，经常来自 Leader 的老去。 - 技术人员的发展，最难的是突破自己的迷障。 - 管理是搭台子，是造环境，是让在环境中的每一个人，都能发挥出最大的价值。 **web框架模块设计三国演义** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=207820768&idx=1&sn=4bd773f1063f27d7154345d5d0893c1d&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=207820768&idx=1&sn=4bd773f1063f27d7154345d5d0893c1d&scene=0#rd) 用三国人物来介绍框架的各个模块，非常生动形象。 **一个创业者怎么看待读书和写作** [http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=207869599&idx=1&sn=965b3d40670d91f94d7b3f1d17bf9535&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=207869599&idx=1&sn=965b3d40670d91f94d7b3f1d17bf9535&scene=0#rd) 码农其实可以算半个作家（写程序）和阅读家（看源码），但看书和写点文字对我们也非常重要。 **程序员真正的价值** [http://mp.weixin.qq.com/s?__biz=MzA3NTIzMzIxNQ==&mid=208980068&idx=1&sn=2cd142b54e744930b2d9f3b1ec765bff&scene=2&srcid=10036xgJVlZUWFcAE5pAnTHe&from=timeline&isappinstalled=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTIzMzIxNQ==&mid=208980068&idx=1&sn=2cd142b54e744930b2d9f3b1ec765bff&scene=2&srcid=10036xgJVlZUWFcAE5pAnTHe&from=timeline&isappinstalled=0#rd) 赞 mac 君的这个答案：以最小的代价解决问题

## 业界会议 **CSSconf EU 2015** [http://2015.cssconf.eu/](http://2015.cssconf.eu/) 有位大神一个演讲很霸气 PS is Dead!: Editing Photos in CSS [http://geek.csdn.net/news/detail/40797](http://geek.csdn.net/news/detail/40797) 同时还给出了一系列实践文章：[http://una.im/](http://una.im/) **RubyConf China 2015 10.10-10.11** [http://www.rubyconfchina.org/](http://www.rubyconfchina.org/) Ruby 虽然不那么流行，但还是很有市场的的，社区也非常活跃，有很多熟知的应用也是用它开发的，比如 Gitlab 。 **Qconf 2015 - 上海** [http://2015.qconshanghai.com/](http://2015.qconshanghai.com/) 前端话题 [http://2015.qconshanghai.com/track/2510](http://2015.qconshanghai.com/track/2510) ## 深阅读 **Redux best practices** [https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e](https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e) [http://rackt.github.io/redux/](http://rackt.github.io/redux/) Redux is the React framework that other flux frameworks recommend you use. **Node.js and ES6 Instead of Java – A War Story** [http://www.technology-ebay.de/the-teams/mobile-de/blog/nodejs-es6-war-story](http://www.technology-ebay.de/the-teams/mobile-de/blog/nodejs-es6-war-story) We created a Node.js web app from scratch within 9 weeks that now serves 10.81 million visitors each month*. We used the latest and greatest incarnation of JavaScript – ECMAScript 2015, a.k.a. ES6 – for the backend and frontend alike. We spent late nights coding in gleeful frenzy, stepped into pitfalls, moaned about WTFs, scaled the dizzy heights of asynchronicity. This is our story. **Immutable Data Structures and JavaScript** [http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript](http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript) A little while ago I briefly talked about my latest blog rewrite and promised to go more in-depth on specific things I learned. Today I'm going to talk about immutable data structures in JavaScript, specifically two libraries immutable.js and seamless-immutable. **理解SVG transform坐标变换** [http://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/](http://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/) 普通的HTML元素没有transform属性，但是支持CSS3的transform, 好奇的小伙伴可能会疑问了，CSS3中的transform变换，跟SVG中的transform是什么关系呢？这个文章给出了详细的解读。 **10 Interview Questions Every JavaScript Developer Should Know** [https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95](https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95) At most companies, management must trust the developers to give technical interviews in order to assess candidate skills. If you do well as a candidate, you’ll eventually need to interview. Here’s how. 另附一位同学整理的前端面试题汇总 [https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers) **React 带给 Backbone 开发者的福利** [http://zhuanlan.zhihu.com/FrontendMagazine/20255136](http://zhuanlan.zhihu.com/FrontendMagazine/20255136) 对 React 的三点总结还不错： - 界面应该是一个组合起来的组件树 - 全新的 JavaScript 带来更整洁的代码 - 不要把 DOM 当做数据的状态 **妙用ES6解构和扩展运算符让你的代码更优雅** [http://www.cnblogs.com/chrischjh/p/4848934.html](http://www.cnblogs.com/chrischjh/p/4848934.html) 科普了 ES6 的两个新特性。 **CSS3 中的层叠上下文初探** [http://segmentfault.com/a/1190000003825614](http://segmentfault.com/a/1190000003825614) 用实践来介绍层叠相关的知识。 **百度：防御1Tbps DDoS攻击流量是如何做到的？** [http://www.freebuf.com/news/special/80267.html](http://www.freebuf.com/news/special/80267.html) 当大流量攻击来袭，网站该如何应对？在9.17日百度云安全用一场DDoS攻防实战演练，形象、直观地告诉了我们答案。不少来自安全圈、IT界的怀疑声音：这么大的流量，是从哪来的？目前全球最高的抗D记录也不过400多G，百度这次声称的流量是真实的吗，攻击的手段是足够“专业”的吗？……我们就通过技术解析来阐释，百度云安全是如何做到1Tbps压制能力的？ **Better Java** [https://github.com/cxxr/better-java](https://github.com/cxxr/better-java) Java is one of the most popular programming languages around, but no one seems to enjoy using it. Well, Java is actually an alright programming language, and since Java 8 came out recently, I decided to compile a list of libraries, practices, and tools to make using Java better. "Better" is subjective, so I would recommend taking the parts that speak to you and use them, rather than trying to use all of them at once. Feel free to submit pull requests suggesting additions. 译文： [http://segmentfault.com/a/1190000003771603](http://segmentfault.com/a/1190000003771603) **Write Angular 2 Components In Angular 1** [https://medium.com/@orizens/write-angular-2-components-in-angular-1-de3e3746683a](https://medium.com/@orizens/write-angular-2-components-in-angular-1-de3e3746683a) [http://blog.rangle.io/creating-angular-2-style-components-using-angular-1-part-2/](http://blog.rangle.io/creating-angular-2-style-components-using-angular-1-part-2/) Angular 竟然高调的支持了混用。 **React Native For Android 架构初探** [http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf](http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf) Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。 **Ludicrously Fast Page Loads - A Guide for Full-Stack Devs** [http://www.nateberkopec.com/2015/10/07/frontend-performance-chrome-timeline.html](http://www.nateberkopec.com/2015/10/07/frontend-performance-chrome-timeline.html) Your website is slow, but the backend is fast. How do you diagnose performance issues on the frontend of your site? We'll discuss everything involved in constructing a webpage and how to profile it at sub-millisecond resolution with Chrome Timeline, Google's flamegraph-for-the-browser.另附来自腾讯的 折腾不止前端工程与性能优化 [http://toutiao.com/i6203302363185873409/](http://toutiao.com/i6203302363185873409/) **Ten Rules for Open Source Success** [http://hintjens.com/blog:95](http://hintjens.com/blog:95) [http://www.infoq.com/cn/news/2015/10/Ten-Open-Succes](http://www.infoq.com/cn/news/2015/10/Ten-Open-Succes) Everyone wants it, lots of people try it, yet doing it is mostly painful and irritating. I'm speaking about free software aka open source. Today I'm going to summarize 30 years of coding experience in ten management-proof bullet points. **扒一扒HTTPS网站的内幕** [http://segmentfault.com/a/1190000003801450](http://segmentfault.com/a/1190000003801450) HTTPS 正在普及，是得了解相关知识了。可以当 HTTTPS 的科普来看。 **HTTP的分布式网络真的被它替代了么？** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209294316&idx=1&sn=370314db44c467e3b610bed4d3d84182&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209294316&idx=1&sn=370314db44c467e3b610bed4d3d84182&scene=0#rd) IPFS是一个面向全球的、点对点的分布式版本文件系统。IPFS用基于内容的地址替代了基于域名的地址，试图将所有具有相同文件系统的计算设备连接在一起。IPFS表示，IPFS未来将替代HTTP，这一想法听起来有些疯狂，可是却非常令人期待。 **如何编写一个分布式数据库** [http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=207696233&idx=1&sn=660fa3434ddac01b391bbfffa9b14c66&scene=1](http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=207696233&idx=1&sn=660fa3434ddac01b391bbfffa9b14c66&scene=1) 可以了解下存储相关知识。 ## 新鲜货 **Node.js Foundation Welcomes Red Hat as Newest Platinum Member** [https://nodejs.org/en/blog/announcements/welcome-redhat/](https://nodejs.org/en/blog/announcements/welcome-redhat/) **Working with ReactJS in WebStorm: Coding Assistance** [http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/](http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/) React support was introduced in WebStorm 10 and has undergone continuous improvement since then. In this blog post we’d like to show how WebStorm can help you write code with React. **Codetainer —— 基于浏览器的容器** [https://github.com/codetainerapp/codetainer](https://github.com/codetainerapp/codetainer) codetainer allows you to create code 'sandboxes' you can embed in your web applications (think of it like an OSS clone of codepicnic.com). **React v0.14** [http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html](http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html) This release has a few major changes, primarily designed to simplify the code you write every day and to better support environments like React Native. **React-date-range** [http://adphorus.github.io/react-date-range/](http://adphorus.github.io/react-date-range/) 基于 React 的日期组件 **GitHot** [http://githot.cn/](http://githot.cn/) [https://github.com/andyiac/githot](https://github.com/andyiac/githot) GitHot is an Android App that will help you to find the world most popular project and person。还有热心同学开发了 Web 版[https://github.com/Sausure/GankWebApp](https://github.com/Sausure/GankWebApp) **Photoshop and Sketch templates of GUI elements found in the public release of iOS 9** [http://facebook.github.io/design/ios9.html](http://facebook.github.io/design/ios9.html) **Machine Learning for Developers** [http://xyclade.github.io/MachineLearning/](http://xyclade.github.io/MachineLearning/) 据说是写给码农看的入门指南。 **farbox-theme-Anatole** [https://github.com/hi-caicai/farbox-theme-Anatole](https://github.com/hi-caicai/farbox-theme-Anatole) This theme is desiged for FarBox,You can use it directly or modified it on FarBox Farbox 这个 blog 挺潮的 [https://www.farbox.com/](https://www.farbox.com/) 号称 The Best Blog Platform for Hummans **Flux Challenge** [https://github.com/staltz/flux-challenge](https://github.com/staltz/flux-challenge) A frontend challenge to test UI architectures and solutions **新兴的NoSQL数据库Cassandra** [http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=215976666&idx=4&sn=a955f3310e6bf0531e468007f95063db&scene=1&srcid=1006HB6e6ReDjck0zzKTvyKw#rd](http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=215976666&idx=4&sn=a955f3310e6bf0531e468007f95063db&scene=1&srcid=1006HB6e6ReDjck0zzKTvyKw#rd) 《使命召唤》游戏、Hive智能恒温器、Social Weather应用程序和威廉希尔（William Hill）博彩应用程序，这些有何共同之处？它们的背后都离不开Apache Cassandra NoSQL数据库。 **CrazyEye** [https://github.com/triaquae/CrazyEye](https://github.com/triaquae/CrazyEye) CrazyEye 是基于 Python 开发的一款简单易用的IT管理软件，目前主要具体以下功能： 运维审计：主机分组管理、为运维人员分配指定服务器、指定账号的操作权限 主机批量操作：可对指定数量的机器进行批量命令、文件分发操作，可实时查看操作进度和结果 **搭了套测试系统 把产品致命BUG危害减至最小** [http://www.pencilnews.cn/?p=555](http://www.pencilnews.cn/?p=555) 文中提到的 Google 的 A/B 测试可关注下 **vue-strap** [https://github.com/yuche/vue-strap](https://github.com/yuche/vue-strap) 基于vue实现的bootstrap组件库 ## 产品及其它 **从贝尔实验室走出的巨人，他甩了乔布斯好几条街…** [http://mp.weixin.qq.com/s?__biz=MzA4NzE2MjAyOA==&mid=213129421&idx=1&sn=1abf5db3e5d2b09163251314d3188cb9&scene=1&srcid=1011HYs53AP7LkAHufk2RKF1#rd](http://mp.weixin.qq.com/s?__biz=MzA4NzE2MjAyOA==&mid=213129421&idx=1&sn=1abf5db3e5d2b09163251314d3188cb9&scene=1&srcid=1011HYs53AP7LkAHufk2RKF1#rd) 当我们在缅怀乔帮主的时候，却很少有人知道，有个傻傻的老头也是在那个10月逝世，和乔帮主离开的时间只相差了几天，然而他在互联网领域的成就，甩了乔帮主好几条街。他就是Unix和 C 语言的发明人 丹尼斯·里奇 **关于独角兽，除了十亿美元，也许还有另一种解读** [http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217418059&idx=1&sn=78aa5c678201dccde368f7e6a056cf08&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217418059&idx=1&sn=78aa5c678201dccde368f7e6a056cf08&scene=0#rd) [http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217396931&idx=2&sn=505ad7953f293f1eb1e12d8b0748f349&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217396931&idx=2&sn=505ad7953f293f1eb1e12d8b0748f349&scene=0#rd) 它们会创造巨大的价值。它们不仅是创造经济价值，它们也会对社会和世界创造自己独有的价值。他们成为独角兽并不是凭借他们的估值，而是因为他们的产品曾经让我们感到惊奇 **缩进圣战！！！** [http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=215766844&idx=1&sn=59b52569b7c52ac874e0b2fdb4bce3f1&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=215766844&idx=1&sn=59b52569b7c52ac874e0b2fdb4bce3f1&scene=0#rd) 又一个经典话题 **51家初创公司的失败案例+创始人的事后总结** [http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=209099924&idx=1&sn=65af394bc783b5f6a4b6bda87f8d380e&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=209099924&idx=1&sn=65af394bc783b5f6a4b6bda87f8d380e&scene=0#rd) 创业最重要的是什么？商业模式是、靠谱的团队，看完这篇文章中的51个失败案例后，你会规避更多潜在的问题，比如说，用户也是坑啊！另附 技术人员创业最大的“坑”是眼界和情商 [http://mp.weixin.qq.com/s?__biz=MzA3ODQ1NjYyOQ==&mid=213092717&idx=1&sn=8be7958f9fc0db11031f99d01953cd29&scene=2&srcid=1008yfNMzkVBKKQkfTihQ22D](http://mp.weixin.qq.com/s?__biz=MzA3ODQ1NjYyOQ==&mid=213092717&idx=1&sn=8be7958f9fc0db11031f99d01953cd29&scene=2&srcid=1008yfNMzkVBKKQkfTihQ22D)

## 深阅读 **Node LTS版本：Argon发布始末** [https://nodejs.org/en/blog/release/v4.2.0/](https://nodejs.org/en/blog/release/v4.2.0/) [http://alinode.aliyun.com/blog/2](http://alinode.aliyun.com/blog/2) Node.js在近两天发布了Node.js自合并io.js之后的第一个LTS版本。其代号为Argon，即元素周期表的第18号元素。LTS版本的发布计划是Node.js与io.js的合并计划中的一个要点，其目标是提供长期支持的稳定版本。支持周期为从发布之日起的30个月。这对Node.js的使用者来说，无论是个人还是商业组织，将有一个赖以成长的稳定支持平台。 **Web应用组件化的权衡** [https://github.com/xufei/blog/issues/22](https://github.com/xufei/blog/issues/22) 民工哥整理的对组件化的深入思考，值得认真研读。 **React+Flux can do in just 137 lines what jQuery can do in 10** [http://swizec.com/blog/reactflux-can-do-in-just-137-lines-what-jquery-can-do-in-10/swizec/6740](http://swizec.com/blog/reactflux-can-do-in-just-137-lines-what-jquery-can-do-in-10/swizec/6740) When I think of my main gig’s production code with its thousands of lines of JavaScript, tens of components, and hundreds of sources of truth, my soul weeps for Flux. **7 Things You Should Know About WebAssembly** [https://auth0.com/blog/2015/10/14/7-things-you-should-know-about-web-assembly/](https://auth0.com/blog/2015/10/14/7-things-you-should-know-about-web-assembly/) In this post we will explore seven key facts about WebAssembly, one of the biggest changes the web will experience in the coming years. **The Future of Web Development - React, Falcor, and ES6** [http://engineering.widen.com/blog/future-of-the-web-react-falcor/](http://engineering.widen.com/blog/future-of-the-web-react-falcor/) In this article, I’m going provide a glimpse into the future of web development. You will gain a new perspective on structuring a user interface, server, and data endpoints. **给 Android 开发者的 RxJava 详解** [http://gank.io/post/560e15be2dca930e00da1083](http://gank.io/post/560e15be2dca930e00da1083) RxJava 在 GitHub 主页上的自我介绍是 "a library for composing asynchronous and event-based programs using observable sequences for the Java VM"（一个在 Java VM 上使用可观测的序列来组成异步的、基于事件的程序的库）。这就是 RxJava ，概括得非常精准。 **React Native - How to make Facebook Reactions** [http://browniefed.com/blog/2015/10/11/react-native-how-to-make-facebook-reactions/](http://browniefed.com/blog/2015/10/11/react-native-how-to-make-facebook-reactions/) Facebook reactions is a new liking system that Facebook is trialing on a limited basis. Why wait for them to roll it out when we can roll it out ourselves **如何配置一个高效的 Mac 工作环境** [http://blog.jobbole.com/63130/](http://blog.jobbole.com/63130/) [http://www.xialeizhou.com/?p=71](http://www.xialeizhou.com/?p=71) “一个高效的 Mac 工作环境”有以下几个特点：自动化、统一、够用、效率。可以用来查漏补缺。 **Nicholas Zakas：我最中意的面试题** [http://www.iteye.com/news/31019#rd](http://www.iteye.com/news/31019#rd) [https://www.nczonline.net/blog/2015/09/my-favorite-interview-question/](https://www.nczonline.net/blog/2015/09/my-favorite-interview-question/) Nicholas认为，一个好的面试问题应该在候选人事先知道问题时也能起到很好的效果。所以这里分享的问题将会对面试官和面试者都有帮助。 **Angular — Introduction to Reactive Extensions (RxJS)** [https://medium.com/@gerard.sans/angular-introduction-to-reactive-extensions-rxjs-a86a7430a61f](https://medium.com/@gerard.sans/angular-introduction-to-reactive-extensions-rxjs-a86a7430a61f) Reactive Extensions for JavaScript (RxJS) is a reactive streams library that allows you to work with asynchronous data streams. RxJS can be used both in the browser or in the server-side using Node.js. In this post we are going to introduce RxJS basic concepts and how we can use them with AngularJS. **Docker背后的标准化容器执行引擎——runC** [http://www.infoq.com/cn/articles/docker-standard-container-execution-engine-runc](http://www.infoq.com/cn/articles/docker-standard-container-execution-engine-runc) runC是Docker贡献出来的，按照该开放容器格式标准（OCF, Open Container Format）制定的一种具体实现。这一系列文章从架构和源码层面详细解读这个开源项目的设计思想和实现原理。 **天猫使用React Native代替H5实现产品化落地** [http://mp.weixin.qq.com/s?__biz=MzA3Mjk1MjA4Nw==&mid=209278158&idx=1&sn=0a6a12eeab5ed87973de055196eac5b8#rd](http://mp.weixin.qq.com/s?__biz=MzA3Mjk1MjA4Nw==&mid=209278158&idx=1&sn=0a6a12eeab5ed87973de055196eac5b8#rd) 自Facebook 开源出React 后，天猫技术团队就在一直关注，并对比现有Html5系的Hybird解决方案的差异性。天猫早是在15年的年中618大促及各会场业务页面中，率先在iOS平台上进行业务线上尝试，效果不错，得到肯定。 **How To Pick a Frontend Web Framework** [http://www.fse.guru/how-to-pick-a-frontend-web-framework](http://www.fse.guru/how-to-pick-a-frontend-web-framework) This article is supposed to help you get your head around an overwhelming amount of tools we have in Frontend Community. Also, there is a checklist, which may help you pick up the thing you need. **[译]JS动画库VelocityReact介绍** [http://www.w3ctech.com/topic/1545](http://www.w3ctech.com/topic/1545) Twitter融合了React.js与Velocity.js，打造了一款异常强大的JS动画库 **ES6 in WebKit** [https://www.webkit.org/blog/4054/es6-in-webkit/](https://www.webkit.org/blog/4054/es6-in-webkit/) We on the WebKit team are really excited about ES6 and have been working hard on implementing it. In Safari 9 for El Capitan and iOS 9 you’ll be able to use some great ES6 features: Classes Promises Map, Set, WeakMap, WeakSet, for…of loops Symbols。另外 WebKit removes the 350ms click delay for iOS [https://trac.webkit.org/changeset/191072](https://trac.webkit.org/changeset/191072) **荣誉，还是苦逼？| 也议全栈工程师和DevOps** [http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=208086642&idx=1&sn=2cd6fc667af1bd69b3c6014eefd25ba7&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=208086642&idx=1&sn=2cd6fc667af1bd69b3c6014eefd25ba7&scene=0#rd) 全栈和DevOps，究竟是我们的新职业方向，还是仅仅创业公司老板的心头所爱？且听本文理性分享。 **写给那些傻傻的，想做服务器开发的应届生** [http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=210301821&idx=1&sn=828dd0c685427dddd2779d542c3409a4&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=210301821&idx=1&sn=828dd0c685427dddd2779d542c3409a4&scene=0#rd) 其实把“应届生”换成“前端”，也挺适用的。工种的不同背后是问题域的差异。决定要做一件事，一定要事先了解清楚。 **美团大众点评合并：背后技术力量的对比回顾** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209438509&idx=1&sn=a875cee8b38940d2be3def5f787631a6&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209438509&idx=1&sn=a875cee8b38940d2be3def5f787631a6&scene=0#rd) InfoQ对美团和大众点评使用的技术进行了对比。 **Lazy, composable, and modular JavaScript** [https://codewords.recurse.com/issues/four/lazy-composable-and-modular-javascript](https://codewords.recurse.com/issues/four/lazy-composable-and-modular-javascript) In this article, I’ll cover how we can use four of these features – iterables, generators, fat arrows, and for-of – in conjunction with higher-order functions, function composition, and lazy evaluation, to write cleaner and more modular JavaScript. ## 新鲜货 **ng-staticize** [https://github.com/ElemeFE/ng-staticize](https://github.com/ElemeFE/ng-staticize) Eleme 的同学整的东东：ng-staticize是一个把Angular模板静态化的directive，使用之后渲染速度在 IE8 上会有10-20x的性能提升。 **Photon - An Electron UI Kit** [http://photonkit.com/](http://photonkit.com/) The fastest way to build beautiful Electron apps using simple HTML and CSS **维护一个大型开源项目是怎样的体验？** [http://www.zhihu.com/question/36292298](http://www.zhihu.com/question/36292298) **smartcrop.js** [https://github.com/jwagner/smartcrop.js](https://github.com/jwagner/smartcrop.js) Smartcrop.js implements an algorithm to find good crops for images. 另附一个 php 类似工具 [https://github.com/exinnet/tclip](https://github.com/exinnet/tclip) **前端工具集** [https://github.com/nieweidong/fetool](https://github.com/nieweidong/fetool) 主要内容是一些使用过的库、工具、套路或关注的前端组织等等，反正用 前端瑞士军刀 来总结这篇文章再合适不过鸟。 **Rune.js** [http://runemadsen.github.io/rune.js/](http://runemadsen.github.io/rune.js/) Rune.js is a JavaScript library for programming graphic design systems with SVG in the browser or node.js. **W3C 成立Web Platform Working Group** [http://www.w3.org/WebPlatform/WG/](http://www.w3.org/WebPlatform/WG/) W3C将HTML工作组与Web Applications工作组合并，于2015年10月正式启动Web Platform Working Group并发布工作组章程。Web Platform工作组的任务是继续发展HTML语言、提供可促进Web客户端应用程序开发的相关规范：包括客户端开发APIs和描述并控制客户端应用程序性能的标记词汇表。 **KCon 2015 黑客安全大会-视频** [http://www.ichunqiu.com/course/775](http://www.ichunqiu.com/course/775) 可以学习下黑科技。 **λJSON** [https://github.com/MaiaVictor/LJSON](https://github.com/MaiaVictor/LJSON) λJSON is a drop-in replacement for JSON which also allows you to parse and stringify pure functions and their contents. There are good security reasons for functions to be out of the JSON specs, but most of those are only significant when you allow arbitrary, side-effective programs. With pure functions, one is able to interchange code while still being as safe as with regular JSON. **ES6 Overview in 350 Bullet Points** [https://ponyfoo.com/articles/es6](https://ponyfoo.com/articles/es6) My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6\. This article aims to summarize all of those, providing you with practical insight into most of ES6, so that you can quickly get started. I’ve also linked to the articles in ES6 in Depth so that you can easily go deeper on any topic you’re interested in. ## 产品及其它 **Google 今秋入华？这些细节可不是在「捕风捉影」** [http://www.geekpark.net/topics/213636](http://www.geekpark.net/topics/213636) 可以不翻墙正常访问 google.cn 了，网页端 Google 翻译和地图也可以用了。Google Play 还在向部分中国开发者发放新版 apk 测试包……这一系列迹象表明，Google 在这一个月内正一步步地拆掉那些存在已久的「墙」。 **如何成为一个优秀的程序员？** [http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=209845013&idx=1&sn=5d68b5e203d9435f6b4e40a1cd988ec4&scene=1#rd](http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=209845013&idx=1&sn=5d68b5e203d9435f6b4e40a1cd988ec4&scene=1#rd) 任何一个傻瓜，都写得出能让计算机理解的代码，但是，优秀程序员写出来的代码，能让全人类理解。 **英美名校只教一件事：引出潜藏在孩子内心的智能** [http://mp.weixin.qq.com/s?__biz=MzAwNzAwMzA0Nw==&mid=229741581&idx=1&sn=e27de41bd73a306772db2de46e255f46&scene=1#rd](http://mp.weixin.qq.com/s?__biz=MzAwNzAwMzA0Nw==&mid=229741581&idx=1&sn=e27de41bd73a306772db2de46e255f46&scene=1#rd) 文中关于教育的一些观点，其实也适合于程序员成长。我们能够跑得更远，仅仅是因为我们还在跑，如此而已。一个人能走多远，取决于两点：1、服务社会的意愿；2、对所从事的事业的喜爱程度。 **BAT线下战争** [http://mp.weixin.qq.com/s?__biz=MjM5NDU5NTM4MQ==&mid=210732074&idx=1&sn=5586d3817b20067c0d8151d3e2c03479&scene=2#rd](http://mp.weixin.qq.com/s?__biz=MjM5NDU5NTM4MQ==&mid=210732074&idx=1&sn=5586d3817b20067c0d8151d3e2c03479&scene=2#rd) BAT大举投资线下公司，看似咄咄逼人，实则是防御而非进攻。它们既无法掌控诸多创业公司，更无法统领盘根错节的传统线下企业。 **如何应对团队规模快速增长——文化是标杆** [http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=211852404&idx=1&sn=2aec5b1fc67dcd1e136d8ff9e658a420&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=211852404&idx=1&sn=2aec5b1fc67dcd1e136d8ff9e658a420&scene=0#rd) 大型和中型组织里的许多弊病，归根结底是由于组织的规模增长而产生的。本文以Jimdo为例，探讨从文化、沟通和持续改善这三大要素来解决这些规模难题。 **如何做好脖子颈椎的日常运动保健？** [http://www.zhihu.com/question/25121874/answer/66491964](http://www.zhihu.com/question/25121874/answer/66491964) 每个程序员都需要爱护自己的脖子。

## 业界会议 **Geekon 极棒安全峰会** [http://geekon2015.geekpwn.org/](http://geekon2015.geekpwn.org/) **2015 架构师大会 10.22-10.24** [http://sacc.it168.com/about.html](http://sacc.it168.com/about.html) 高端会议，期待资料 ## 深阅读 **回归CSS标准之Float** [http://efe.baidu.com/blog/float/](http://efe.baidu.com/blog/float/) 这篇文章打算通过将目前一些成文的浮动元素的特点与CSS规范中的具体描述对应，来加深大家对float属性原理的理解。并在后面通过一个bug实例，说明使用这个属性时要注意的问题。 **[ISUX转译]iOS 9人机界面指南（一）：UI设计基础** [http://isux.tencent.com/ios9-guideline-ch1.html](http://isux.tencent.com/ios9-guideline-ch1.html) iOS9 人机界面指南的中文版，英文苦手的同学有福了 **淘宝前端团队（FED）- 官方 Blog 闪亮登场** [http://taobaofed.org/](http://taobaofed.org/) 已经有几篇精彩文章，欢迎围观。 **Re:work – tools and lessons to make work better** [https://rework.withgoogle.com/](https://rework.withgoogle.com/) Practices, research, and ideas from Google and other organizations to put people first. **Introducing Shadow DOM API** [https://www.webkit.org/blog/4096/introducing-shadow-dom-api/](https://www.webkit.org/blog/4096/introducing-shadow-dom-api/) We’re pleased to announce that basic support for the new slot-based shadow DOM API we proposed in April is now available in the nightly builds of WebKit after r190680\. Shadow DOM is a part of Web Components, a set of specifications that were initially proposed by Google to enable the creation of reusable widgets and components on the Web. **GitHub 漫游指南** [http://github.phodal.com/](http://github.phodal.com/) 作者写得蛮用心的，通过自身的真实故事像我们介绍了 Github 这个神级产品，值得认真看看。这年头如果你还没用过 Github 或者 Gitlab，真心不好意思说自己是码农。 **互联网式焦虑：莫名其妙优越感** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=401883823&idx=1&sn=dc1b7f30a340e498db044124d340c5ca](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=401883823&idx=1&sn=dc1b7f30a340e498db044124d340c5ca) 每个人都有不同的选择，都需要尊重。客观的认知，理性的选择，也许我们仅仅不希望后悔，当我们为这个行业挥洒青春与血汗的时候；也许我们仅仅不希望虚无，当我们为这个行业奉献到大部分生命之后。每个人的力量那么的微小，很难左右行业的变迁，而也许我们只能去适应，去努力，去渴望，去等待。 **[译]TypeScript 大法好！** [https://github.com/techird/blog/issues/1](https://github.com/techird/blog/issues/1) [https://medium.com/@vivainio/typescript-is-pretty-good-d8fecf80ea0c](https://medium.com/@vivainio/typescript-is-pretty-good-d8fecf80ea0c) 为什么说跟 ES6 比起来，TypeScript 更好呢？现在前端社区开始普遍接受转译的做法了（即把各种语法转换成 JS 执行）。虽然还是有部分 ES5 的死忠粉，但他们之中，有绝大部分在一旦在心里接受了 Crockford 的信仰之后，也会忘掉过往固执的经验并且开始转军接受。另附：与大师面对面 - TypeScript 的现状与未来 [http://www.w3ctech.com/topic/1553](http://www.w3ctech.com/topic/1553) **What PostgreSQL has over other open source SQL databases** [https://www.compose.io/articles/what-postgresql-has-over-other-open-source-sql-databases/](https://www.compose.io/articles/what-postgresql-has-over-other-open-source-sql-databases/) [https://www.compose.io/articles/what-postgresql-has-over-other-open-source-sql-databases-part-ii/](https://www.compose.io/articles/what-postgresql-has-over-other-open-source-sql-databases-part-ii/) You may be asking yourself "Why PostgreSQL?" There are several choices for open source relational databases out there (we looked at MySQL, MariaDB and Firebird for this article), but what does PostgreSQL have that they don't? PostgreSQL's tag line claims that it's: "The world's most advanced open source database." We'll give you a few reasons why PostgreSQL makes this claim. **前端优化带来的思考，浅谈前端工程化** [http://www.cnblogs.com/yexiaochai/p/4901341.html](http://www.cnblogs.com/yexiaochai/p/4901341.html) 性能优化的实践，总结得蛮好的。 **后端开发书架2015 2.0版** [http://calvin1978.blogcn.com/articles/bookshelf.html](http://calvin1978.blogcn.com/articles/bookshelf.html) 大神 江南白衣 整理的服务端开发书目，随着 Node 的持续推进，前端正风风火火的杀入服务端开发这个领域，问题域的变化使得我们必须储备新知识，这份清单挺有帮助的。 **ReFlux细说** [http://www.html-js.com/article/3204](http://www.html-js.com/article/3204) Flux作为一种应用架构（application architecture）或是设计模式（pattern），阐述的是单向数据流（a unidirectional data flow）的思想，并不是一个框架（framework）或者库（library）。Reflux，是另一个实现Flux模式的库，旨在使整个应用架构变得更加简单。准确地说，Reflux是由Facebook Flux演变而来（inspired by Facebook Flux），可以说是它的一个进化版本。这个文章对 Flux ReFlux 的分析非常清晰的，值得对 React 不熟的同学看看。 **Long-running Node processes** [http://spanningcloudapps.github.io/2015/10/12/Long-running-Node-processes/](http://spanningcloudapps.github.io/2015/10/12/Long-running-Node-processes/) Node 的一个经典问题，可以了解下这篇文章的经验。 **From REST to GraphQL** [https://blog.jacobwgillespie.com/from-rest-to-graphql-b4e95e94c26b#.i715zzvky](https://blog.jacobwgillespie.com/from-rest-to-graphql-b4e95e94c26b#.i715zzvky) 对 GraphQL 的详细介绍，这个协议很适合移动端应用。 **React Native For Android 架构初探** [http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf&scene=1&srcid=1009Q3qo6mLeT2ydjdzUwLQ7&from=groupmessage&isappinstalled=0#rd](http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf&scene=1&srcid=1009Q3qo6mLeT2ydjdzUwLQ7&from=groupmessage&isappinstalled=0#rd) 分析了 React Native Android 是如何实现的。 **Five Things Old Programmers Should Remember** [https://medium.com/@garywiz/five-things-old-programmers-need-to-remember-e78caf0b0973#.noc8x7fk2](https://medium.com/@garywiz/five-things-old-programmers-need-to-remember-e78caf0b0973#.noc8x7fk2) 对于老程序员的建议 **The Stack That Helped Medium Drive 2.6 Millennia of Reading Time** [https://medium.com/medium-eng/the-stack-that-helped-medium-drive-2-6-millennia-of-reading-time-e56801f7c492#.e92opawl7](https://medium.com/medium-eng/the-stack-that-helped-medium-drive-2-6-millennia-of-reading-time-e56801f7c492#.e92opawl7) 详尽介绍了 Medium 中所使用的技术，主要是基于 Node 和 DynamoDB **漫谈Web前端的『组件化』** [http://leeluolee.github.io/fequan-netease/#/1](http://leeluolee.github.io/fequan-netease/#/1) 来自网易前端的经验。 **腾讯防刷负责人：基于用户画像大数据的电商防刷架构** [http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=400931866&idx=1&sn=b96873fc9f726e5705b2653968f1d992](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=400931866&idx=1&sn=b96873fc9f726e5705b2653968f1d992) **HTTP/2 头部压缩技术介绍** [https://imququ.com/post/header-compression-in-http2.html](https://imququ.com/post/header-compression-in-http2.html) 我们知道，HTTP/2 协议由两个 RFC 组成：一个是 RFC 7540，描述了 HTTP/2 协议本身；一个是 RFC 7541，描述了 HTTP/2 协议中使用的头部压缩技术。本文将通过实际案例带领大家详细地认识 HTTP/2 头部压缩这门技术。 **The Art of Debugging** [https://remysharp.com/2015/10/14/the-art-of-debugging](https://remysharp.com/2015/10/14/the-art-of-debugging) This is the accompanying article for my Art of Debugging talk that I first gave at Fronteers in Amsterdam in 2015\. TL;DR: learn every tool that's available to use, use them as you need them, enjoy bug bustin' - it's certainly more fun pounding the keyboard and working on a 6 month feature drive. **Do you know how much your computer can do in a second?** [http://computers-are-fast.github.io/](http://computers-are-fast.github.io/) Let's find out how well you know computers! All of these programs have a variable NUMBER in them. Your mission: guess how big NUMBER needs to get before the program takes 1 second to run. **58同城沈剑：好的架构是进化来的，不是设计来的** [http://ws.oneapm.com/shenjian-oneapm-course/](http://ws.oneapm.com/shenjian-oneapm-course/) 对很多创业公司而言，随着业务的增长，网站的流量也会经历不同的阶段。从十万流量到一百万流量，再从一百万流量跨越到一千万甚至上亿的流量，网站的架构需要经历哪些变化？我们一起听听 58 同城的技术委员会执行主席沈剑在 OneAPM 技术公开课上的演讲。 ## 新鲜货 **Babel 6.0.0 Released** [https://babeljs.io/blog/2015/10/29/6.0.0/](https://babeljs.io/blog/2015/10/29/6.0.0/) **weui** [https://github.com/weui/weui](https://github.com/weui/weui) 微信官方设计团队推出的前端 UI 库，可以用于微信页面的开发，保持风格统一。 **React Desktop** [https://github.com/gabrielbull/react-desktop](https://github.com/gabrielbull/react-desktop) 可以用来做 Mac 和 Windows 桌面应用的 React UI 库。 **WebGL 版 BMW i8** [http://playcanv.as/p/RqJJ9oU9?overlay=false](http://playcanv.as/p/RqJJ9oU9?overlay=false) 基于 playcanvas，渲染效果不错。 **Sketch 3.4** [http://blog.sketchapp.com/](http://blog.sketchapp.com/) **参加SF.GG黑客马拉松项目技术要点总结** [http://f2e.souche.com/blog/2015-hackathon-summary/](http://f2e.souche.com/blog/2015-hackathon-summary/) 玩 Hackathon 的果然是各种新技术，很潮。 **Guide To Using WebP Images Today: A Case Study** [http://www.smashingmagazine.com/2015/10/webp-images-and-performance/](http://www.smashingmagazine.com/2015/10/webp-images-and-performance/) They say a picture is worth a thousand words. But online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a web page’s total size on average. Given this, image optimization is key, especially considering that many users will abandon a request if it doesn’t load within a few seconds. **VMD - preview markdown files** [https://github.com/yoshuawuyts/vmd](https://github.com/yoshuawuyts/vmd) Preview markdown files in a separate window. Markdown is formatted exactly the same as on GitHub. **CSSgram** [http://una.im/CSSgram/](http://una.im/CSSgram/) A tiny (<1kb gzipped!) library for recreating Instagram filters with CSS filters and blend modes. **Walkthrough to upgrade an Angular 1.x component to Angular 2** [http://toddmotto.com/walkthrough-to-migrate-an-angular-1-component-to-angular-2/](http://toddmotto.com/walkthrough-to-migrate-an-angular-1-component-to-angular-2/) In this article we’re going to look at upgrading your first Angular 1.x component, a simple todo app, across to Angular 2 code. We’ll compare the API differences, templating syntaxes and hopefully it’ll shed some light on upgrading to Angular 2, and well as making it appear less daunting. **Vue.js 1.0.0 Released** [http://zhuanlan.zhihu.com/evanyou/20302927](http://zhuanlan.zhihu.com/evanyou/20302927) [http://vuejs.org/2015/10/26/1.0.0-release/](http://vuejs.org/2015/10/26/1.0.0-release/) Improved Template Syntax; API Cleanup; Faster Initial Rendering; More Powerful Tooling. **jpacks** [https://github.com/zswang/jpacks](https://github.com/zswang/jpacks) 集鹄大叔还开源的一个二进制结构编解码工具，同时开源的还有 [https://github.com/zswang/jints](https://github.com/zswang/jints) **Announcing Rust 1.4** [http://blog.rust-lang.org/2015/10/29/Rust-1.4.html](http://blog.rust-lang.org/2015/10/29/Rust-1.4.html) [https://github.com/rust-lang/rust/blob/8ab8581f6921bc7a8e3fa4defffd2814372dcb15/RELEASES.md#version-140-october-2015](https://github.com/rust-lang/rust/blob/8ab8581f6921bc7a8e3fa4defffd2814372dcb15/RELEASES.md#version-140-october-2015) Rust是Mozilla开发的注重安全、性能和并发性的编程语言，现正式发布1.4稳定版，此次升级1200个补丁。另附： Writing an OS in Rust[http://blog.phil-opp.com/](http://blog.phil-opp.com/) **Node 5.0发布** [http://alinode.aliyun.com/blog/11](http://alinode.aliyun.com/blog/11) [https://nodejs.org/en/blog/release/v5.0.0/](https://nodejs.org/en/blog/release/v5.0.0/) [https://nodejs.org/en/blog/community/node-v5/](https://nodejs.org/en/blog/community/node-v5/) 我了个去，这是要学 Chrome 成为版本帝吗，可是作为编程语言，这样快速升级，真的好吗？ **ThinkJS 2.0** [https://imququ.com/post/thinkjs-2.html](https://imququ.com/post/thinkjs-2.html) [https://thinkjs.org/](https://thinkjs.org/) ThinkJS 是奇舞团开源的一款 Node Web MVC 框架。ThinkJS 2.0 Slogan 换成了「The web framework beyond your dreams」，这也是本文标题的来源。如果说 ThinkJS 1.0 的 Slogan 朴实而理性，那 2.0 的 Slogan 给我的感觉绝对是性感而充满力量。 **Remote 远程控制SDK** [https://github.com/akira-cn/remote](https://github.com/akira-cn/remote) 大神月影开源的小工具：基于socket.io的远程控制SDK，允许你的PC网页被手机终端远程控制 **MWeb Lite** [http://zh.mweb.im/](http://zh.mweb.im/) [http://coderforart.com/mweb-1.8.1-release.html](http://coderforart.com/mweb-1.8.1-release.html) MWeb Lite 的定位是 Markdown 编辑器和一些 MWeb 正式版的功能的体验。对于轻度使用 Markdown 的朋友来说， MWeb Lite 已足够了，MWeb 正式版的功能大部分用不到。MD 编辑器似乎已经有不少商业化产品了。这也是一个 MD 产品 [http://classeur.io/](http://classeur.io/) **PyPy 4.0.0 Released - A Jit with SIMD Vectorization and More** [http://morepypy.blogspot.de/2015/10/pypy-400-released-jit-with-simd.html](http://morepypy.blogspot.de/2015/10/pypy-400-released-jit-with-simd.html) We’re pleased and proud to unleash PyPy 4.0.0, a major update of the PyPy python 2.7.10 compatible interpreter with a Just In Time compiler. We have improved warmup time and memory overhead used for tracing, added vectorization for numpy and general loops where possible on x86 hardware (disabled by default), refactored rough edges in rpython, and increased functionality of numpy. **第 24 届国际 C 语言混乱代码大赛结果出炉** [http://blog.jobbole.com/93692/](http://blog.jobbole.com/93692/) 这代码看的也是罪了。 ## 产品及其它 **What a Deep Neural Network thinks about your #selfie** [http://karpathy.github.io/2015/10/25/selfie/](http://karpathy.github.io/2015/10/25/selfie/) Convolutional Neural Networks are great: they recognize things, places and people in your personal photos, signs, people and lights in self-driving cars, crops, forests and traffic in aerial imagery, various anomalies in medical images and all kinds of other useful things. **PHP对战Node.js：我们曾相爱，想到就心酸** [http://mp.weixin.qq.com/s?__biz=MjM5MDI5MjAyMA==&mid=400167099&idx=1&sn=4c93fd716539c8d5419aa652b7a30f6a](http://mp.weixin.qq.com/s?__biz=MjM5MDI5MjAyMA==&mid=400167099&idx=1&sn=4c93fd716539c8d5419aa652b7a30f6a) 两位昔日好友如今分道扬镳，甚至被迫陷入了你死我活的斗争当中。刚开始的分歧并不严重，无非是一位老友对于另一位伙伴长久以来占据、但又绝口不提的业务领域产生了点兴趣。另附：专访 PHP 之父-PHP7 性能翻倍的关键[http://www.admin10000.com/document/6753.html](http://www.admin10000.com/document/6753.html) **凯文·凯利最新演讲：未来20年科技的必然走向** [http://mp.weixin.qq.com/s?__biz=MzA4MjAxODMzMA==&mid=400294559&idx=2&sn=b0e635056741ac35476aac6424c0bd3d](http://mp.weixin.qq.com/s?__biz=MzA4MjAxODMzMA==&mid=400294559&idx=2&sn=b0e635056741ac35476aac6424c0bd3d) 另附这位神奇老头的另一个文章： [http://mp.weixin.qq.com/s](http://mp.weixin.qq.com/s)? __biz=MzA3NTUwODQxOQ==&mid=400410215&idx=3&sn=f71798b1fedda57ce3d4bb4312e3321a **听百度和科大讯飞谈语音技术现状** [http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400189223&idx=1&sn=1cb32bee42de626443ebadbf065ec79c](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400189223&idx=1&sn=1cb32bee42de626443ebadbf065ec79c) [http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400205267&idx=1&sn=c95916547119be179dcc8895d3b44ad9](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400205267&idx=1&sn=c95916547119be179dcc8895d3b44ad9) 2011年之后，深度学习技术引入到语音识别之后，大家也一直再问一个问题，深度学习技术还能像刚提出时候那样，持续大幅度提升现在的语音识别技术吗？语音技术能够从小规模的使用转向全面产业化成熟吗? **设计规范如何写，这20个精选案例让你大开眼界** [http://mp.weixin.qq.com/s?__biz=MjM5MzYyNjQyNQ==&mid=400268146&idx=1&sn=02d57397fd46e1de92d166a08a129e27](http://mp.weixin.qq.com/s?__biz=MjM5MzYyNjQyNQ==&mid=400268146&idx=1&sn=02d57397fd46e1de92d166a08a129e27) 给出了业界一些公司的设计规范，值得参考。

## 业界会议 **[报名]D2前端技术论坛-2015** [http://d2forum.alibaba-inc.com/](http://d2forum.alibaba-inc.com/) D2前端技术论坛(Designer & Developer Frontend Technology Forum)，简称D2。为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。它是中国所有前端开发者的节日，包括前端设计师，前端开发工程师，和所有对前端技术感兴趣的人。经历了近10年的发展，前端岗位从刀耕火种走到了今天的百花齐放，各领域全面发展，进入盛况时期。2015年第10届D2的主题即为“融合”！ **2015 腾讯WE大会 - 11.08** [http://we.tencent.com/](http://we.tencent.com/) [http://tech.qq.com/zt2015/we2015/index.htm](http://tech.qq.com/zt2015/we2015/index.htm) WE大会关注协作创新,分享互联网和科技界最前沿的思想和技术，展示未来的革新力量。WE大会邀请全球多位互联网思想家、前沿创新项目团队进行现场互动和分享。我们希望启发人们去创造、创新、探索改变未来的一切可能性。可以围观一下高科技。 **[报名]2015重庆前端交流会** [http://2015.yufe.org/](http://2015.yufe.org/) 由重庆地区的土豪公司 @猪八戒网 举办 **[报名]360与Facebook工程师畅聊大前端 - 交流会** [http://www.huodongxing.com/event/3307503611100](http://www.huodongxing.com/event/3307503611100) Facebook 的工程师及大前端的话题比较吸引人。 **UPYUN•架构与运维大会 - 11.28** [http://www.huodongxing.com/event/3303212982600](http://www.huodongxing.com/event/3303212982600) UPYUN 架构与运维大会 (Arch&Ops Conf) 是面向运维和架构从业人员者所举办的大型技术会议，致力于推动各项运维技术、产品架构等在互联网和移动互联网的研发和应用。 ## 深阅读 **揭密 Google 秒开技术：如何让网站瞬间加载完毕?** [http://www.leiphone.com/news/201511/0EQQdrIAhtw2MYGv.html](http://www.leiphone.com/news/201511/0EQQdrIAhtw2MYGv.html) 详细介绍了 AMP **前端MVC变形记** [http://efe.baidu.com/blog/mvc-deformation/](http://efe.baidu.com/blog/mvc-deformation/) 介绍了 MVC 发展的历史及 MV* 框架 **caoz谈能力成长 - 取舍之道** [http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=400320941&idx=1&sn=b3883278d2d58b760e3dadbfef225a95](http://mp.weixin.qq.com/s?__biz=MzI0MjA1Mjg2Ng==&mid=400320941&idx=1&sn=b3883278d2d58b760e3dadbfef225a95) 取舍是永恒的话题，懂得取舍和选择是成熟、自信的重要标志。这问文章对做技术和做产品都非常有参考意义，大家认真看看。 **Immutable 详解及 React 中实践** [https://github.com/camsong/blog/issues/3](https://github.com/camsong/blog/issues/3) Shared mutable state is the root of all evil（共享的可变状态是万恶之源）-- Pete Hunt. 有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的，下面我们来一探究竟。 **移动端图片格式调研** [http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/](http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/) 图片通常是移动端流量耗费最多的部分，并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你节省带宽、提升视觉效果。在这篇文章里我会分析一下目前主流和新兴的几种图片格式的特点、性能分析、参数调优，以及相关开源库的选择。 **当我们谈论 cluster 时我们在谈论什么** [http://taobaofed.org/blog/2015/11/03/nodejs-cluster/](http://taobaofed.org/blog/2015/11/03/nodejs-cluster/) Node Cluster 科普文 **被误解的 MVC 和被神化的 MVVM** [http://blog.devtang.com/blog/2015/11/02/mvc-and-mvvm/](http://blog.devtang.com/blog/2015/11/02/mvc-and-mvvm/) MVC，全称是 Model View Controller，是模型 (model)－视图 (view)－控制器 (controller) 的缩写。表示的是一种常见的客户端软件开发框架。MVVM 最早于 2005 年被微软的WPF和Silverlight的架构师John Gossman提出，并且应用在微软的软件开发中。 **Facebook’s code quality problem** [http://www.darkcoding.net/software/facebooks-code-quality-problem/](http://www.darkcoding.net/software/facebooks-code-quality-problem/) Facebook is very successful, manifestly has some great engineers, unlimited money, and yet seems to have big issues with software quality. I take two lessons from this: - Culture matters. The “Hack” and “Move fast and break things” culture must make it very hard for developers to focus on quality. - Quality matters. We all know that if you don’t focus on quality it will come back to bite you. **Why Static Website Generators Are The Next Big Thing** [http://www.smashingmagazine.com/2015/11/modern-static-website-generators-next-big-thing/](http://www.smashingmagazine.com/2015/11/modern-static-website-generators-next-big-thing/) At StaticGen, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more than 100 generators and a total of more than 100,000 stars for static website generator repositories. **jQuery’s Relevancy – There and Back Again** [http://developer.telerik.com/featured/jquerys-relevancy-there-and-back-again/](http://developer.telerik.com/featured/jquerys-relevancy-there-and-back-again/) In this article, I’m going to remind everyone what exactly jQuery is, because I believe that jQuery is as relevant today as it was when it was first written. The question relevancy should be tied to the original intent of the solution (i.e. the jQuery API itself) and not browser bugs or missing features. **TypeScript 和 JSX 搞基的事** [https://github.com/techird/blog/issues/3](https://github.com/techird/blog/issues/3) 对 JSX 的支持已经在 TypeScript 官方落地了！非常感谢 Ryan Cavanaugh 和 François de Campredon 的大力推动。在这篇文章中，笔者打算跟大家探索一下如何把 JSX 和 TypeScript 的第一特性——静态类型检查完美结合使用。 **[译]Service Worker 入门** [http://www.w3ctech.com/topic/866](http://www.w3ctech.com/topic/866) 一个 service worker 是一段运行在浏览器后台进程里的脚本，它独立于当前页面，提供了那些不需要与web页面交互的功能在网页背后悄悄执行的能力。在将来，基于它可以实现消息推送，静默更新以及地理围栏等服务，但是目前它首先要具备的功能是拦截和处理网络请求，包括可编程的响应缓存管理。 **Redux 中文文档** [http://camsong.github.io/redux-in-chinese/](http://camsong.github.io/redux-in-chinese/) Redux 的文档写的蛮清晰的。 **东京大学：交互式计算机图形学** [https://www.coursera.org/learn/interactive-computer-graphics](https://www.coursera.org/learn/interactive-computer-graphics) 计算机图形是支撑可视化问题求解的强大工具。这门课将介绍计算机图形研究领域的多种交互工具，以及它们的原理和算法。例子涵盖图形化用户界面(GUI)的增强，2D绘画及3D动画的创作工具，和交互式计算机辅助设计(CAD)系统。 **七牛CEO许式伟：服务端开发那些事儿** [http://www.csdn.net/article/2015-11-06/2826139](http://www.csdn.net/article/2015-11-06/2826139) 服务器开发的基础知识，主要谈的是用 Go 实现。 **朱冠胤：百度大规模数据处理架构之“不平凡之路”** [http://www.csdn.net/article/2015-11-06/2826137](http://www.csdn.net/article/2015-11-06/2826137) 介绍了百度内部 Hadoop 平台的发展及实现。 **Docker 工程师必读论文：Google Borg** [http://mp.weixin.qq.com/s?__biz=MzA4MzQ1NjQ5Nw==&mid=400243103&idx=1&sn=c76e7acfbf73649190277a7cbe3b0191](http://mp.weixin.qq.com/s?__biz=MzA4MzQ1NjQ5Nw==&mid=400243103&idx=1&sn=c76e7acfbf73649190277a7cbe3b0191) Borg 是在传说中流传已久的 Google 内部集群管理系统，现在火热的 Mesos 和 Kubnetes 都是源自于 Borg。 **谷歌第二代深度学习系统TensorFlow首次解密** [http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400301663&idx=1&sn=c83c92328c9c936b1fb39cece6e852f6](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400301663&idx=1&sn=c83c92328c9c936b1fb39cece6e852f6) Google资深系统专家Jeff Dean在最近的湾区机器学习大会做了 Large-Scale Deep Learning for Inelligent Computer Systems 的演讲。在大会上，Jeff Dean 解密了谷歌未曾在论文上发表过的第二代深度学习系统TensorFlow。 **[译]使用HTTP/2提升性能的7个建议** [http://www.w3ctech.com/topic/1563](http://www.w3ctech.com/topic/1563) 大约有三分之二的浏览器已经支持HTTP/2，而且这个比例每月都在增加。你需要决定是否迁移到HTTP/2，而其中关键是知道如何最大限度地利用它。这篇文章会带你了解从性能角度考虑为什么要做这个决定，以及如何实现。接下来我们要逐一讨论关于HTTP/2性能的7个小建议。 **阿里云破纪录的背后：377秒是如何炼成的** [http://www.csdn.net/article/2015-11-05/2826124](http://www.csdn.net/article/2015-11-05/2826124) 10月28日，Sort Benchmark官方宣布，阿里云用377秒完成了100TB的数据排序，打破了此前Apache Spark创造的1406秒纪录。在含金量最高的GraySort和MinuteSort两个评测系统中，阿里云分别在通用和专用目的排序类别中创造了4项世界纪录。 ## 新鲜货 **百度前端代码风格检查套件 FECS** [http://efe.baidu.com/blog/fecs/](http://efe.baidu.com/blog/fecs/) fecs 是百度前端代码规范的检查工具。 **百度 iCafe** [http://cafe.baidu.com/](http://cafe.baidu.com/) 「iCafe」是百度推出的一款轻量级团队协作工具，面向的人群较为广泛，适用于开发者、设计师、创业团队、测试团队、开源团队等。其功能特点包括：工作量估时、需求可进行无限拆分、数据实时展现、按人跟踪进度等。目前已超过 5000 个团队正在使用。 icafe 在百度已经经历 N 次升级了，总算迈出了开放这一步，不过似乎和内部给工程师用的有差别。 **Flutter – Cross-platform mobile framework from Google** [http://flutter.io/](http://flutter.io/) [https://github.com/flutter/flutter](https://github.com/flutter/flutter) Flutter is a new way to build high-performance, cross-platform mobile apps. Flutter is optimized for today's, and tomorrow's, mobile devices. We are focused on low-latency input and high frame rates on Android and iOS. **Ant Design of Vue** [http://okoala.github.io/vue-antd/#!/components](http://okoala.github.io/vue-antd/#!/components) 这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。不知道 AntD 的同学请移步： [http://ant.design/](http://ant.design/) **A high-level browser automation library** [https://github.com/segmentio/nightmare](https://github.com/segmentio/nightmare) The goal is to expose just a few simple methods, and have an API that feels synchronous for each block of scripting, rather than deeply nested callbacks. It's designed for automating tasks across sites that don't have APIs. Under the covers it uses Electron, which is similar to PhantomJS but faster and more modern. **An update on Object.observe - Being Withdrawn As A TC39 Proposal** [https://mail.mozilla.org/pipermail/es-discuss/2015-November/044684.html](https://mail.mozilla.org/pipermail/es-discuss/2015-November/044684.html) After much discussion with the parties involved, I plan to withdraw the Object.observe proposal from TC39 (where it currently sits at stage 2 in the ES spec process), and hope to remove support from V8 by the end of the year (the feature is used on 0.0169% of Chrome pageviews, according to chromestatus.com). **React Cheat Sheet v0.14.1** [http://reactcheatsheet.com/](http://reactcheatsheet.com/) **IntelliJ IDEA 15** [https://www.jetbrains.com/idea/whatsnew/](https://www.jetbrains.com/idea/whatsnew/) IntelliJ IDEA 15 brings better user interface, more built-in tools and integrations, further improved coding assistance, and out-of-the-box support for Kotlin. **Nova.js - 一个小巧的Web Component框架** [http://novajs.com/](http://novajs.com/) 旨在帮助开发者方便快速地开发组件。作者起初希望在一个移动端项目中使用Polymer进行开发，但发现Polymer的代码对于移动端小型项目过于庞大、且只支持到Android4.4。因此借鉴了Polymer的部分组件开发的思想，实现了Nova.js。 **GitLab 的安装配置** [http://www.360doc.com/content/15/1104/14/22505981_510681759.shtml](http://www.360doc.com/content/15/1104/14/22505981_510681759.shtml) 想自己搭 GitLab 的可以参考。 **Git Town 支持高级别工作流开源 Git 插件** [https://github.com/Originate/git-town](https://github.com/Originate/git-town) [http://www.oschina.net/p/git-town](http://www.oschina.net/p/git-town) Git Town makes software development teams who use Git even more productive and happy. It adds additional Git commands that support GitHub Flow, Git Flow, the Nvie model, GitLab Flow, and other workflows more directly, and it allows you to perform many common Git operations faster and easier. **Stash is now called Bitbucket Server** [https://www.atlassian.com/software/bitbucket/server](https://www.atlassian.com/software/bitbucket/server) Bitbucket makes it easy for teams to build great software. Deliver at speed without sacrificing quality. **Scooter** [http://dropbox.github.io/scooter/](http://dropbox.github.io/scooter/) Dropbox 开源的 SCSS 样式组件。 **Announcing Docker 1.9: Production-ready Swarm and Multi-host Networking** [http://blog.docker.com/2015/11/docker-1-9-production-ready-swarm-multi-host-networking/](http://blog.docker.com/2015/11/docker-1-9-production-ready-swarm-multi-host-networking/) 多主机网络和 Swarm 集群系统已经达到生产水平了。 **React Toolbox** [http://react-toolbox.com/#/](http://react-toolbox.com/#/) Material Design 风格的 React 组件。 **微软与Red Hat宣布合作** [http://blogs.microsoft.com/blog/2015/11/04/microsoft-and-red-hat-partner-to-deliver-more-flexibility-and-choice/](http://blogs.microsoft.com/blog/2015/11/04/microsoft-and-red-hat-partner-to-deliver-more-flexibility-and-choice/) 今年流行联合。在遥远的过去，微软视Linux为敌人，曾诅咒它是“癌症”。但过去一年，微软在新CEO的带领下改变了对待Linux和开源的态度，它甚至公开宣称“爱Linux”。 **React For Beginners** [https://reactforbeginners.com/](https://reactforbeginners.com/) A premium step-by-step training course to get you building real world React.js + Firebase apps and website components. **Javascript quiz. ES6 edition.** [http://perfectionkills.com/javascript-quiz-es6/](http://perfectionkills.com/javascript-quiz-es6/) Remember that crazy Javascript quiz from 6 years ago? Craving to solve another set of mind-bending snippets no sensible developer would ever use in their code? Looking for a new installment of the most ridiculous Javascript interview questions? Look no further! The "ECMAScript Two Thousand Fifteen" installment of good old Javascript Quiz is finally here. **Five Open-Source Slack Alternatives** [https://blog.okturtles.com/2015/11/five-open-source-slack-alternatives/](https://blog.okturtles.com/2015/11/five-open-source-slack-alternatives/) **A 27 Minute Tour of Next Gen Front End Dev with Scala.js** [https://www.youtube.com/watch?v=n1GgVWOThhY](https://www.youtube.com/watch?v=n1GgVWOThhY) A great introductory talk on Scala.js which compiles Scala code to JavaScript. It’s not commercially supported by Typesafe but is production ready. ## 产品及其它 **Hello, World of Programming Languages** [http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=401571407&idx=1&sn=384ee1acf8d2165a46ac90d51719affa](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=401571407&idx=1&sn=384ee1acf8d2165a46ac90d51719affa) 竟然还可以这么来看编程语言，长见识了，期待后续。 **如何才能成为一个好的技术领导者？** [http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=400644089&idx=1&sn=1cf732f5529c64ee8d3fa9e55dbd84db](http://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=400644089&idx=1&sn=1cf732f5529c64ee8d3fa9e55dbd84db) 这个话题是码农职业生涯必须面对的，可以看看大家总结出来的经验。另附：唱吧CEO-创业四年，我积累的7点管理经验 [http://mp.weixin.qq.com/s?__biz=MTA3NDM1MzUwMQ==&mid=400390613&idx=1&sn=2f67c1fb74d18cf1d939790a9b3cf992](http://mp.weixin.qq.com/s?__biz=MTA3NDM1MzUwMQ==&mid=400390613&idx=1&sn=2f67c1fb74d18cf1d939790a9b3cf992) **在实际工作中评估你的工程师伙伴** [http://gulu-dev.com/post/2015-11-05-tips-for-non-programmers](http://gulu-dev.com/post/2015-11-05-tips-for-non-programmers) 在日常工作中，对于一些非技术向的小伙伴们，由于对工程师文化了解并不多，要么难以寻找到合适的技术伙伴，要么在工作中与工程师难以保持稳定的沟通节奏，对于这些小伙伴，俺愿意把俺知道的分享出来，肤浅也好，片面也罢，总之是多了一点参考，希望能有所帮助。 **[译]辞去工作，以开发首个 app** [http://www.labazhou.net/2015/11/how-i-quit-my-job-and-built-my-first-app/](http://www.labazhou.net/2015/11/how-i-quit-my-job-and-built-my-first-app/) 本故事可追溯到 2009 年夏天。我刚刚入手了第一台 iPhone 3GS，当时非常可心。可想而知，当时《愤怒的小鸟》还没有成为 App Store 上的黑马。Apple 在 2008 年上线了 App Store，就在同一年，我卖掉了之前的创业公司。我在一家大型软件公司做全职工作，但不是凭直觉进入的。我对移动领域感到极度狂热，开始着手开发 app。 **别人都读《重新定义公司》而你没时间？那先来看这最重要的13句话** [http://mp.weixin.qq.com/s?__biz=MjM5NjMyOTMzNA==&mid=400303668&idx=1&sn=3888d25d43f0fc9833ccae841a7a914e](http://mp.weixin.qq.com/s?__biz=MjM5NjMyOTMzNA==&mid=400303668&idx=1&sn=3888d25d43f0fc9833ccae841a7a914e) 谷歌何以成为这样重要的存在？它的成长、运转能给中国公司哪些启示？谷歌掌门人施密特的这本《重新定义公司》确实是一份很良心的答卷。 **如何写一本技术类的书** [http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400254392&idx=1&sn=17198b3ecb12a0a6def632ba03ea1b9e](http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400254392&idx=1&sn=17198b3ecb12a0a6def632ba03ea1b9e) 另附一篇同类文章 : [http://icodeit.org/2015/08/how-to-write-a-book/](http://icodeit.org/2015/08/how-to-write-a-book/)

## 业界会议 **[报名]AC2015 - AlloyTeam 前端技术大会 - 2015.12.12** [http://ac.alloyteam.com/](http://ac.alloyteam.com/) 腾讯AlloyTeam源于2008年成立的腾讯WebQQ团队，于2011年10.24正式对公司外以为团队名称进行对外交流，AlloyTeam的寓意是：像合金一样将各种技术，以及各个成员的聪明才智聚合在一起，从而产生更强的合金特性，未来我们也希望通过聚合业界的各大前端牛人，来共同推动Web前端技术在中国的发展！ **[报名]慕课网技术沙龙之前端专场-12.05** [http://www.imooc.com/activity/salon201512](http://www.imooc.com/activity/salon201512) [http://www.imooc.com/wenda/detail/296382](http://www.imooc.com/wenda/detail/296382) 本期沙龙以“畅▪言”为主题，邀请国内一线互联网公司资深前端工程师、独立创业者倾情分享前端领域热门技术，围绕“前沿技术实践、技术原理探究、网站性能优化”三大方面进行探讨，并与前来参会的技术发烧友、开发者深度互动。有百度、小米、阿里等公司专家已经小胖的演讲，百度的Node.js 实践值得关注。 话说今年前端的交流似乎异常多，神马情况呢？ **2015.12.5 HTML5 移动生态大会－白鹭开发者盛典** [http://event.egret.com/](http://event.egret.com/) 当Web碰上VR，当HTML5玩转3D，将撞出怎样的火花与创意？当着急搭上“互联网＋”东风的企业遇见HTML5,将产生怎样的化学反应？由白鹭时代主办的2015HTML5移动生态大会将汇聚行业力量，共探HTML5发展的无限可能，开启一场“发现 创新之旅”。 **2015.11.17 日ChinaTech Day - 中国技术开放日** [http://www.chinatechday.com/](http://www.chinatechday.com/) 2015年11月，极客邦科技和InfoQ全球，携手中国顶尖互联网技术公司阿里巴巴、腾讯、百度、猎豹移动等，在国际顶级技术盛会QCon美国旧金山站开启ChinaTech Day中国技术开放日专场，并探访当地著名技术企业，向美国及世界展现中国顶尖技术实力，建立国际技术品牌，促进中美IT圈的交流融合。 ## 深阅读 **百度 JavaScript编码规范 - ESNext补充篇** [https://github.com/ecomfe/spec/blob/master/es-next-style-guide.md](https://github.com/ecomfe/spec/blob/master/es-next-style-guide.md) 由百度多位资深前端工程师给出，ES6 正在逐步投入生产环境，这份规范非常有参考意义，引发了广泛讨论。另附： JavaScript 初心者的 ES2015 实战 [http://gank.io/post/564151c1f1df1210001c9161](http://gank.io/post/564151c1f1df1210001c9161) 另附百度的前端代码风格检查套件 FECS [http://fecs.baidu.com/](http://fecs.baidu.com/) [http://efe.baidu.com/blog/fecs/](http://efe.baidu.com/blog/fecs/) **前端实现 SVG 转 PNG** [http://fex.baidu.com/blog/2015/11/convert-svg-to-png-at-frontend/](http://fex.baidu.com/blog/2015/11/convert-svg-to-png-at-frontend/) svg 是一种矢量图形，在 web 上应用很广泛，但是很多时候由于应用的场景，常常需要将 svg 转为 png 格式，下载到本地等。随着浏览器对 HTML 5 的支持度越来越高，我们可以把 svg 转为 png 的工作交给浏览器来完成。 **Google - TensorFlow is an Open Source Software Library for Machine Intelligence** [https://github.com/tensorflow/tensorflow](https://github.com/tensorflow/tensorflow) [http://tensorflow.org/tutorials/mnist/beginners/index.md](http://tensorflow.org/tutorials/mnist/beginners/index.md) [http://tech.qq.com/a/20151110/007439.htm](http://tech.qq.com/a/20151110/007439.htm) 谷歌开放人工智能系统 走安卓路线】多年以来，谷歌内部一直在使用一种机器学习系统，代号为“TensorFlow”。如今，谷歌正在将此系统成为开源系统，并将此系统的参数公布给业界工程师、学者和拥有大量编程能力的技术人员。赞 Google，业界良心。 **The Single Biggest Mistake Programmers Make Every Day** [https://medium.com/javascript-scene/the-single-biggest-mistake-programmers-make-every-day-62366b432308](https://medium.com/javascript-scene/the-single-biggest-mistake-programmers-make-every-day-62366b432308) I believe the single biggest mistake that every programmer makes from time to time is overcomplicating things. Simplify your code. Start with the least complicated implementation and work your way toward more complex solutions only when the problem demands it. Remember: - Keep It Stupid Simple (KISS) - Make it work, make it right, make it fast. - Understand the problem. (Know what “make it work” means.) - Begin at the beginning. - Start with tests. - Do One Thing (DOT). - Start small and iterate. - Pure function > Function > Factory > Class Simple beats clever every day of the week. **Redis 未授权访问配合 SSH key 文件利用分析** [http://blog.knownsec.com/2015/11/analysis-of-redis-unauthorized-of-expolit/](http://blog.knownsec.com/2015/11/analysis-of-redis-unauthorized-of-expolit/) [http://www.sebug.net/vuldb/ssvid-89715](http://www.sebug.net/vuldb/ssvid-89715) [http://www.sebug.net/vuldb/ssvid-89339](http://www.sebug.net/vuldb/ssvid-89339) [http://www.ichunqiu.com/course/1413](http://www.ichunqiu.com/course/1413) Redis 未授权访问的问题是一直存在的问题，知道创宇安全研究团队历史上也做过相关的应急，今日，又出现 Redis 未授权访问配合 SSH key 文件被利用的情况，今天我们来简要的分析下。 **Blink Workers** [https://docs.google.com/document/d/1i3IA3TG00rpQ7MKlpNFYUF6EfLcV01_Cv3IYG_DjF7M](https://docs.google.com/document/d/1i3IA3TG00rpQ7MKlpNFYUF6EfLcV01_Cv3IYG_DjF7M) workers无疑是现在最热门的web未来技术之一，如果你也被一连串的web workers, shared worker, service worker, compositor worker, Houdini worker搞得晕乎乎, 想了解这些workers的异同和未来还将出现什么新的品种，不要错过Chrome团队的文章。另附两篇关于 ServiceWorker 实践的文章： [ServiceWorker与逐步联网策略](http://www.w3ctech.com/topic/1564) [My first Service Worker](https://adactio.com/journal/9775) **A 360 Degree View of the Entire Netflix Stack** [http://highscalability.com/blog/2015/11/9/a-360-degree-view-of-the-entire-netflix-stack.html](http://highscalability.com/blog/2015/11/9/a-360-degree-view-of-the-entire-netflix-stack.html) As we research and dig deeper into scaling, we keep running into Netflix. They are very public with their stories. This post is a round up that we put together with Bryan’s help. **未来Web应用的前端技术选型畅想** [https://github.com/xufei/blog/issues/24](https://github.com/xufei/blog/issues/24) 民工哥 xufei 的思考，赞这句：约束越强的框架很可能越不受欢迎，基于ES自身的语言特性做业务代码约束才是王道。xuefei 的这量篇关于 Angular 的文章也也值得用 Angular 的同学参考： 优化Angular应用的性能 [https://github.com/xufei/blog/issues/23](https://github.com/xufei/blog/issues/23) Angular的变革[https://github.com/xufei/blog/issues/25](https://github.com/xufei/blog/issues/25) **JavaScript Is Eating The World** [http://arc.applause.com/2015/11/06/javascript-is-eating-the-world/](http://arc.applause.com/2015/11/06/javascript-is-eating-the-world/) Modern developers have to deal with three primary platforms when it comes to coding in the last 10 years or so: the browser, the server and native/mobile apps. JavaScript is already the de facto language of the Web. **移动端开发小记 - Flexbox** [http://taobaofed.org/blog/2015/11/11/flexbox-in-mobile-web/](http://taobaofed.org/blog/2015/11/11/flexbox-in-mobile-web/) 可以当做 Flexbox 的使用实例，是时候掌握了这个属性了，还不会用的同学自行 Google 学习吧。另附 FED 的另一篇文章：如何评价页面的性能 [http://taobaofed.org/blog/2015/11/09/web-performance/](http://taobaofed.org/blog/2015/11/09/web-performance/) **如何开发并维护一个开源的 React 组件** [http://zhuanlan.zhihu.com/FrontendMagazine/20341776](http://zhuanlan.zhihu.com/FrontendMagazine/20341776) 如今 React 被广泛应用在各类应用上，直观的编程方式，易学易用的工具链，丰富的生态等等优点被大家所钟爱。 相信你已经熟悉 React 的用法和相关的开发工具，本文就不赘述 React 用法、特性等，换种思路，分享一下几个月前开发的组件 autoresponsive-react 过程中的几点心得体会。 **Node.js 在双十一中有哪些应用，表现如何** [http://www.zhihu.com/question/37379084](http://www.zhihu.com/question/37379084) Node.js 在双十一中有哪些应用 大家今年访问到的所有www域页面（包括首页、频道、会场等）全部是一个全栈node应用支撑的。相比以往大促使用的技术方案，已经被证明的优势如下：节省了巨大的服务器资源；提供页面安全性、稳定性；对业务个性化需求的支持更好； **你为什么应该试一试Reflux** [http://icodeit.org/2015/11/get-started-with-reflux/](http://icodeit.org/2015/11/get-started-with-reflux/) 鉴于Flux本身只是一个架构，而且Facebook提供的参考实现又有一些问题，所以社区有了很多版本的Flux实现。比如我们这里会用到的Reflux。简而言之，Reflux里有两个组件：Store和Action。Store负责和数据相关的内容：从服务器上获取数据，并更新与其绑定的React组件（view controller）;Action是一个事件的集合。Action和Store通过convention来连接起来。 **Nginx能为前端开发带来什么** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=400326547&idx=1&sn=5c712281bb5c931c2b6c5be601f83535](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=400326547&idx=1&sn=5c712281bb5c931c2b6c5be601f83535) 作为一名工程师一定要注意：物尽其用，用正确的工具、类库干正确的事情，而不是把生命浪费在无意义的造轮子上。这篇文章对 Nginx 的使用场景分析得挺到位的，作为一个 Web 服务非常重要的一个角色，Nginx 觉得值得学习。 **编程书单推荐：知名程序员的书架** [http://www.codingpy.com/article/programmers-bookshelf-recommendations/](http://www.codingpy.com/article/programmers-bookshelf-recommendations/) 自从开始自学编程以来，就一直希望有人指点该如何逐步的打牢基础，该读哪些书籍来加深对计算机科学的理解。最近，我在网上看到有人整理了一些知名程序员推荐的书籍，他们或是接受采访，或是在自己的博客上，向大家推荐了自己认为最有价值的编程书籍。觉得应该都是不错的选择，所以翻译过来与大家分享。赞文中引用的名言：我这一辈子，从不知道哪位智者是根本不读书的——没有，没有一个人 **如何写出不可维护的服务端程序** [http://yanyiwu.com/work/2014/03/03/ru-he-xie-chu-bu-ke-wei-hu-de-fu-wu.html](http://yanyiwu.com/work/2014/03/03/ru-he-xie-chu-bu-ke-wei-hu-de-fu-wu.html) 大伙写 Node 时引以为戒吧。 **WebGL 2.0 前瞻** [https://docs.google.com/presentation/d/1Orx0GB0cQcYhHkYsaEcoo5js3c5-pv7ahPniIRIzzfg/edit#slide=id.p](https://docs.google.com/presentation/d/1Orx0GB0cQcYhHkYsaEcoo5js3c5-pv7ahPniIRIzzfg/edit#slide=id.p) SIGGRAPH Asia 2015 大会上的一篇演讲，介绍了 WebGL 2.0 中的新功能 ## 新鲜货 **EditorConfig** [http://editorconfig.org/](http://editorconfig.org/) EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readable and they work nicely with version control systems. **Better than Gzip Compression with Brotli** [https://hacks.mozilla.org/2015/11/better-than-gzip-compression-with-brotli/](https://hacks.mozilla.org/2015/11/better-than-gzip-compression-with-brotli/) Brotli is an open source data compression library formally specified by IETF draft. It can be used to compress HTTPS responses sent to a browser, in place of gzip or deflate. **React router 1.0.0 released** [https://github.com/rackt/react-router/blob/9ee114e94d5f163dbff11f04b54ee129ac89b240/CHANGES.md](https://github.com/rackt/react-router/blob/9ee114e94d5f163dbff11f04b54ee129ac89b240/CHANGES.md) [https://github.com/rackt/react-router](https://github.com/rackt/react-router) **SSL/TLS 加密新纪元 - Let's Encrypt** [https://linux.cn/article-6565-1.html](https://linux.cn/article-6565-1.html) Let's Encrypt 项目是由互联网安全研究小组主导并开发的一个新型数字证书认证机构。该项目旨在开发一个自由且开放的自动化 CA 套件，并向公众提供相关的证书免费签发服务以降低安全通讯的财务、技术和教育成本。 **Gulp 4.0 API 文档** [https://github.com/cssmagic/blog/issues/55](https://github.com/cssmagic/blog/issues/55) [https://github.com/gulpjs/gulp/blob/4.0/docs/API.md](https://github.com/gulpjs/gulp/blob/4.0/docs/API.md) 据说调整后的 API 非常好用。 **Bower宣告终止开发** [https://github.com/rackt/redux/issues/944](https://github.com/rackt/redux/issues/944) [http://gofore.com/ohjelmistokehitys/stop-using-bower/](http://gofore.com/ohjelmistokehitys/stop-using-bower/) 这货终于要推出历史舞台了，值得鼓掌 **Segment** [https://github.com/lmgonzalves/segment](https://github.com/lmgonzalves/segment) [http://lmgonzalves.github.io/segment/](http://lmgonzalves.github.io/segment/) A little JavaScript class (without dependencies) to draw and animate SVG path strokes **Github Corners** [https://github.com/tholman/github-corners](https://github.com/tholman/github-corners) 作者为了庆祝 Github 七周年用 SVG + CSS3 做的页面角花（Github Corners），鼠标 hover 后，尾巴会摇。 **Windows 2000 的 CSS 主题** [https://win2k.brod.io/](https://win2k.brod.io/) I am fully aware the methods used in win2k go against some of the core design principles of Basscss although the win2k theme should really be considered a rendering style, not just a theme. The styles are as reusable as possible without requiring overly verbose selectors. **codecrap** [http://codecrap.com/](http://codecrap.com/) 去围观并点评一下一些神奇的代码。 **H5 帧动画生成工具** [http://jhtmls.com/h5animation/](http://jhtmls.com/h5animation/) [http://jhtmls.com/h5animation/example/](http://jhtmls.com/h5animation/example/) 将尺寸一样帧系列图片拖拽到页面上、按需设置、下载。将自动生成需要的图片和样式。 **让 Apple Music for Android 教国内的安卓厂商如何姿势正确地做一个充满果味的 Android 应用** [http://zhuanlan.zhihu.com/thoughts-dng/20333663](http://zhuanlan.zhihu.com/thoughts-dng/20333663) Apple 在他们的 Android 应用上保留的, 用以彰显应用个性的内容只有三个: 细线条的图标风格 (而且图标的表述还遵循了 Material Design 的指导); 高饱和度, 明快的配色; 高斯模糊的背景. 而那些在国产安卓应用中非常经常见到的其他充满 iOS 风格的控件元素以及底部 tab bar 布局并没有出现. **Firefox for iOS** [https://github.com/mozilla/firefox-ios](https://github.com/mozilla/firefox-ios) 可以当做浏览器技术和 Swift 的学习资料。 **硅谷最火的大数据公司Palantir产品技术解读** [http://vdisk.weibo.com/s/D2zXXYpNQA3x](http://vdisk.weibo.com/s/D2zXXYpNQA3x) [http://www.palantir.com/](http://www.palantir.com/) Palantir因从事高度机密的工作而名扬天下，Palantir的技术可以使得没有工程师背景的人士轻松对大量数据进行分析，以进行问题查询和解决难题。据说，这一技术被美国Chase银行用来防止客户账号被黑。此外，洛杉矶警局也在使用Palantir的技术。对大数据有兴趣的同学可以关注。 **Continuous Delivery service for Windows** [http://www.appveyor.com/](http://www.appveyor.com/) AppVeyor aims to give powerful Continuous Integration and Deployment tools to every .NET developer without the hassle of setting up and maintaining their own build server. **Code reviews Service** [http://csswizardry.com/work/](http://csswizardry.com/work/) 750 英镑，生财之道呀... **StarCraft: The past, present and future** [http://www.polygon.com/2015/11/6/9670176/starcraft-2-future-history-dlc-blizzard](http://www.polygon.com/2015/11/6/9670176/starcraft-2-future-history-dlc-blizzard) 对 StarCraft 有兴趣的同学可以了解下。 **Atlassian files for IPO** [http://www.sec.gov/Archives/edgar/data/1650372/000155837015001685/](http://www.sec.gov/Archives/edgar/data/1650372/000155837015001685/) [https://www.atlassian.com/](https://www.atlassian.com/) 这个公司有很多优秀的工程产品，其 IPO 文档非常有参考意义。 ## 产品及其它 **NEXT 2015年度产品评选** [http://next.36kr.com/posts/collections](http://next.36kr.com/posts/collections) 看看都有那些优秀产品吧，年度最佳数据分析工具、年度最佳 HTML 5 制作工具这两个可以重点关注。 **YouTube放量增长的十条管理经验** [http://www.huxiu.com/article/130595/1.html?f=pc-weibo-article](http://www.huxiu.com/article/130595/1.html?f=pc-weibo-article) 这篇文章总结自笔者在斯坦福大学的课程笔记：CS183C——利用科技实现闪电规模化 (Blitzscaling)，授课老师是 Reid Hoffman、John Lilly、Chris Yeh 和 Allen Blue。文中的这节课是 YouTube 前产品、工程和用户体验负责人 Shishir Mehrotra 的演讲，内容主题是从 YouTube 规模化中获得的经验教训。梦之队、牛逼组、打工组、别干了组 这几个分类挺有意思的。 **数据科学家揭秘《微信用户报告》背后的巨大商机** [http://mp.weixin.qq.com/s?__biz=MzI3MTAzMjQ3Mw==&mid=400090581&idx=1&sn=5a798e31755176fdd0823c0c9a64bcbf&scene=1](http://mp.weixin.qq.com/s?__biz=MzI3MTAzMjQ3Mw==&mid=400090581&idx=1&sn=5a798e31755176fdd0823c0c9a64bcbf&scene=1) 对《微信用户报告》的一个解读 **想抱微信的“大腿”？你可能先得满足张小龙的三点“无理要求”** [http://www.pingwest.com/sell-movie-ticket-on-wechat/](http://www.pingwest.com/sell-movie-ticket-on-wechat/) 张小龙关于电影和挂号接入所提的问题很犀利，其背后就是产品决策，值得学习 **138 页全球机器人研究报告** [http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400430504&idx=1&sn=6126fda783c335033cc3f7d0ed76eb5d](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=400430504&idx=1&sn=6126fda783c335033cc3f7d0ed76eb5d) 报告共包括三大部分，从国外行业发展趋势到国内机器人产业发展机会，对机器人行业进行了系统的梳理。

# FEX 技术周刊 - 2015/11/23 > 2betop | 23 Nov 2015 > 微信搜索『FEX』关注我们的公众号，及时获得最新资讯。 ## 业界会议 **2015中国软件开发者大会** [http://sdcc.csdn.net/](http://sdcc.csdn.net/) 可重点关注前端专场，期待资料放出。来自美团的“前端分布式编译系统的设计”挺值得关注的，前端已经绕不开编译了，但目前各种工具在代码量庞大时都存在构建时间长的问题。编译比较理想状态是：虽然有编译过程，但开放者基本无感知。所以，编译耗时的优化是值得去研究和解决的一个技术问题。大会还发布了《中国软件开发者白皮书》，不过得登记资料才能下载。 ## 深阅读 **Introducing EdgeHTML 13, our first platform update for Microsoft Edge** [http://blogs.windows.com/msedgedev/2015/11/16/introducing-edgehtml-13-our-first-platform-update-for-microsoft-edge/](http://blogs.windows.com/msedgedev/2015/11/16/introducing-edgehtml-13-our-first-platform-update-for-microsoft-edge/) Edge 最新版的更新说明，进一步增强对 HTML5 及 ES6 的支持。 **双11技术-对无线电商动态化方案的思考** [https://github.com/amfe/article/issues/13](https://github.com/amfe/article/issues/13) [https://github.com/amfe/article/issues/14](https://github.com/amfe/article/issues/14) [https://github.com/amfe/article/issues/15](https://github.com/amfe/article/issues/15) 双 11 背后的技术，Weex - 一套完全针对无线电商动态化的技术方案：致力于移动端、能够充分调度 native 的能力、能够充分解决或回避性能瓶颈、能够优雅“降级”到 HTML5、能够快速迭代...当然，不要错过这一系列技术文章 [https://github.com/amfe/article/issues](https://github.com/amfe/article/issues) issue 中各路大神的讨论也值得关注。 **What’s in ECMAScript 2016 (ES7)?** [http://www.2ality.com/2015/11/](http://www.2ality.com/2015/11/) This blog post describes the details of this new release process, along with four features that will probably be in ECMAScript 2016. **工程师文化的思考** [http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=401460975&idx=1&sn=8e39520929d2b06c20739d54baf7c2f3](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=401460975&idx=1&sn=8e39520929d2b06c20739d54baf7c2f3) 由肉身翻墙加入 Google 的大神杜传赢带来的分享，内容包括：一：硅谷的工作环境和气氛；二：Google的开发工具体系介绍；三：工作流程：质量与效率的权衡；四：招聘制度对公司及团队的影响；五：工程师文化下的创新意识与员工心态。 **React vs Angular 2** [https://docs.google.com/document/d/1Ah9IJ72DhV4AzoZ1TJUnMzj42PzQrLrwQUkg9koO0dg/preview](https://docs.google.com/document/d/1Ah9IJ72DhV4AzoZ1TJUnMzj42PzQrLrwQUkg9koO0dg/preview) React 与 Angular 2 的对比。 **React 源码剖析系列 － 不可思议的 react diff** [http://zhuanlan.zhihu.com/purerender/20346379](http://zhuanlan.zhihu.com/purerender/20346379) 介绍了 React 中高效的 DOM diff 算法。 **Dependency Injection in Angular 2** [http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html](http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html) 针对 Angular 2 的 DI 的一个讲解，和官方的 angular.io 相比讲述的更加清晰。 **Microsoft + Node.js Guidelines** [https://github.com/Microsoft/nodejs-guidelines](https://github.com/Microsoft/nodejs-guidelines) 微软整理的 Node 入门基础。 **We need less powerful languages** [http://lukeplant.me.uk/blog/posts/less-powerful-languages/](http://lukeplant.me.uk/blog/posts/less-powerful-languages/) Many systems boast of being ‘powerful’, and it sounds difficult to argue that this is a bad thing. Almost everyone who uses the word assumes that it is always a good thing. The thesis of this post is that in many cases we need less powerful languages and systems. **The Cost of Frameworks** [https://aerotwist.com/blog/the-cost-of-frameworks/](https://aerotwist.com/blog/the-cost-of-frameworks/) I recently delivered a talk at FFConf in Brighton, called "You should use , it's the bestestest!". I wanted to do a write-up of the presentation's content here, hopefully so it can start a broader conversation that I think we need to have, mainly around the cost of modern frameworks on mobile devices. **翻墙路由器的原理与实现** [http://drops.wooyun.org/papers/10177](http://drops.wooyun.org/papers/10177) 作为个搞技术的人，我们要干点疯狂的事。如果我们不动手，我们就要被比我们差的远的坏技术人员欺负。这太丢人了。眼前就是，GFW这个东西，之前是我们不抱团，让它猖狂了。现在咱们得凑一起，想出来一个办法让它郁闷一下，不能老被欺负吧。要不，等到未来，后代会嘲笑我们这些没用的家伙，就象我们说别人“你怎么不反抗？” **隐藏在 Node.js 浮点反序列化错误背后的故事** [http://alinode.aliyun.com/blog/16](http://alinode.aliyun.com/blog/16) 在 Node.js 中，当我们把一个浮点数序列化，再反序列化。我们会发现，再也取不出之前的值了。这篇文章帮我们分析了背后的玄机及解决方案。 **前端开发笔记本** [https://li-xinyang.gitbooks.io/frontend-notebook/content/](https://li-xinyang.gitbooks.io/frontend-notebook/content/) 前端笔记本涵盖了 Web 前端开发所需的基本知识以及学习路径。它并不能当做一本完整的学习材料，因为在有限的篇幅中无法深入的展开每一个知识点。它更适合作为一个学习清单或者是查询手册，结合其他更在各个方面更专业的图书或者官方文档来进行同步学习。在使用过程中为了达到最佳的学习效果，也因将每个技术点实现并进行适当的拓展。 **码农-21期 A Swift Tour** [http://www.duokan.com/book/99879](http://www.duokan.com/book/99879) 本期《码农》将带你踏上探寻Swift的旅程。从Hello World开始，再到Swift语言的前世今生。Swift和Objective-C，两种语言现在的共处之道是怎样的？想知道如何用Parse这个强大的移动开发平台开发出像Instagram这样的应用吗？另外，我们还会告诉你一些关于Swift内存管理的冷门知识，了解这些定会开拓你对LLVM的理解。 **Tradeoffs in server side and client side rendering** [https://medium.com/google-developers/tradeoffs-in-server-side-and-client-side-rendering-14dad8d4ff8b](https://medium.com/google-developers/tradeoffs-in-server-side-and-client-side-rendering-14dad8d4ff8b) [http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html](http://www.onebigfluke.com/2015/01/experimentally-verified-why-client-side.html) 一个经典话题，需要结合业务场景、终端个点具体分析和选择。 **Closures are not magic** [http://renderedtext.com/blog/2015/11/18/closures-are-not-magic/](http://renderedtext.com/blog/2015/11/18/closures-are-not-magic/) Clousures 的科普文。 **Modern Java - A Guide to Java 8** [https://github.com/winterbe/java8-tutorial](https://github.com/winterbe/java8-tutorial) This tutorial guides you step by step through all new language features. Backed by short and simple code samples you'll learn how to use default interface methods, lambda expressions, method references and repeatable annotations. At the end of the article you'll be familiar with the most recent API changes like streams, functional interfaces, map extensions and the new Date API. No walls of text, just a bunch of commented code snippets. Enjoy! **HTTP 代理原理及实现** [https://imququ.com/post/web-proxy.html](https://imququ.com/post/web-proxy.html) [https://imququ.com/post/web-proxy-2.html](https://imququ.com/post/web-proxy-2.html) Web 代理是一种存在于网络中间的实体，提供各式各样的功能。现代网络系统中，Web 代理无处不在。我之前有关 HTTP 的博文中，多次提到了代理对 HTTP 请求及响应的影响。今天这篇文章，我打算谈谈 HTTP 代理本身的一些原理，以及如何用 Node.js 快速实现代理。 **打造最舒适的webview调试环境** [http://div.io/topic/1449](http://div.io/topic/1449) 对于采用Hybrid开发的web应用，可以利用模拟器+Chrome+Charles舒服完美地调试webview页面。 **Webkit 远程调试协议初探** [http://taobaofed.org/blog/2015/11/20/webkit-remote-debug-test/](http://taobaofed.org/blog/2015/11/20/webkit-remote-debug-test/) Webkit 的远程调试协议是 Webkit 在 2012 年引入的。目前所有 Webkit 内核的浏览器都支持这一特性。但是我们还是以 DevTools 和 Chrome 为出发点，来做讨论。 **你不再需要动态网页——编辑-发布-开发分离** [http://segmentfault.com/a/1190000004006820](http://segmentfault.com/a/1190000004006820) 尽管没有特别的动力去构建一个全新的CMS，但是我还是愿意去撰文一篇来书写如何去做这样的事——编辑-发布-开发分离模式是如何工作的。微服务是我们对于复杂应用的一种趋势，编辑-发布-开发分离模式则是另外一种趋势。 **实战Growth Hacker：Facebook快速增长的秘诀** [http://mp.weixin.qq.com/s?__biz=MzI1ODA2NTQzMw==&mid=209978942&idx=1&sn=a33ede2d57cd4573f329117c072141ac](http://mp.weixin.qq.com/s?__biz=MzI1ODA2NTQzMw==&mid=209978942&idx=1&sn=a33ede2d57cd4573f329117c072141ac) [http://www.zhihu.com/question/20629136](http://www.zhihu.com/question/20629136) Google、Amazon、Facebook、Twitter这些价值数千亿美元的巨头公司，它们的用户规模是如何迅速扩张的？它们对产品的营销是如何实现的？答案正与Growth Hacker有关，而这个名词目前已经成为硅谷最炙手可热的职位之一，在国内也大有兴起之势。与传统的营销模式不同，Growth Hacker在扩增自己用户基数上有自己的一套玩法，能够使产品变得令人赞叹，并且让用户乐于相互分享。他们痴迷于数据，致力于从数据获取对创造新产品的启发和市场行为的指导。 ## 新鲜货 **部落图鉴之PHP：迎着全世界的嘲讽占领世界** [https://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=402018920&idx=1&sn=3e8cc1f8165240ecad1949ed0c92cd0a](https://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=402018920&idx=1&sn=3e8cc1f8165240ecad1949ed0c92cd0a) **ied** [https://github.com/alexanderGugel/ied](https://github.com/alexanderGugel/ied) 号称比 npm 快很多的包管理工具，因为它使用的是并行安装，不过由于某原因，恐怕不如 cnpm 快呢。 **Rollup** [https://github.com/rollup/rollup](https://github.com/rollup/rollup) Rollup is a next-generation JavaScript module bundler. Author your app or library using ES2015 modules, then efficiently bundle them up into a single file for use in browsers and Node.js – even if you use advanced features like bindings and cycles. **GitHub 新版界面 - A new look for repositories** [https://github.com/blog/2085-a-new-look-for-repositories](https://github.com/blog/2085-a-new-look-for-repositories) Repositories on GitHub are about to get a brand new look. The new design improves navigation and simplifies page layout, all while improving the code and performance under the hood. **Grunt 被 jQuery Foundation 接管** [https://blog.jquery.com/2015/11/19/grunt-rebooted/](https://blog.jquery.com/2015/11/19/grunt-rebooted/) Grunt is one of the best-known and most popular task runners in the web developer’s toolkit. Now that this project has joined the jQuery Foundation, we’re looking to get the project rolling again. **Visual Studio Code 正式开演并支持扩展开发** [https://github.com/microsoft/vscode](https://github.com/microsoft/vscode) [https://code.visualstudio.com/updates#_vs-code-is-open-source](https://code.visualstudio.com/updates#_vs-code-is-open-source) VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools. 感觉发展势头不错。 **Ant Design of React 0.10.0 发布** [https://github.com/ant-design/ant-design](https://github.com/ant-design/ant-design) Ant Design of React 全新的 0.10.0 版本终于释出。本版本有大量新特性、改进和 bugfix，欢迎大家跟进升级，享受最新的特性和功能。 **Plotly.js 开源 - 一个专注科学数据可视化的库** [https://plot.ly/javascript/open-source-announcement/](https://plot.ly/javascript/open-source-announcement/) [https://github.com/plotly/plotly.js/](https://github.com/plotly/plotly.js/) Today, Plotly is announcing that we have open-sourced plotly.js, the core technology and JavaScript graphing library behind Plotly’s products (MIT license). It's all out there and free. Any developer can now integrate Plotly’s library into their own applications unencumbered. Plotly.js supports 20 chart types, including 3D plots, geographic maps, and statistical charts like density plots, histograms, box plots, and contour plots. **Sigma.js: a JavaScript library for graph drawing** [http://sigmajs.org/](http://sigmajs.org/) Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. **使用CSS3 will-change提高页面滚动、动画等渲染性能** [http://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/](http://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-improve-paint/) **JavaScript 异步方案 async/await** [https://blog.leancloud.cn/3910/](https://blog.leancloud.cn/3910/) JavaScript 一直想在语言层面彻底解决异步调用这个问题，在 ES6 中就已经支持原生的 Promise，还引入了 Generator 函数，终于在 ES7 中决定支持 async 和 await。 **Goo Engine 开源** [http://goocreate.com/blog/1199/oh-my-code-goo-engine-goes-open-source/](http://goocreate.com/blog/1199/oh-my-code-goo-engine-goes-open-source/) 这是一个商业 WebGL 3D 引擎。 **Apache Geode: Distributed, in-memory database** [http://geode.incubator.apache.org/](http://geode.incubator.apache.org/) Geode is an open source, distributed, in-memory database for scale-out applications. Performance is key. Consistency is a must. **tus.io** [http://tus.io/](http://tus.io/) 基于 HTTP 的断点续传上传协议。 **React Tree View Component** [https://github.com/alexcurtis/react-treebeard](https://github.com/alexcurtis/react-treebeard) React Tree View Component. Fast, Efficient and Customisable. **Aurelia** [http://aurelia.io/](http://aurelia.io/) [http://blog.durandal.io/2015/11/16/aurelia-beta-week-day-1-the-beta-is-here/](http://blog.durandal.io/2015/11/16/aurelia-beta-week-day-1-the-beta-is-here/) Aurelia is a next gen JavaScript client framework for mobile, desktop and web that leverages simple conventions to empower your creativity. **Mo.js – motion graphics for the web** [http://mojs.io/](http://mojs.io/) **WebTorrent - Streaming torrent client for node & the browser** [https://github.com/feross/webtorrent](https://github.com/feross/webtorrent) WebTorrent is a streaming torrent client for node.js and the browser. YEP, THAT'S RIGHT. THE BROWSER. It's written completely in JavaScript – the language of the web – so the same code works in both runtimes. **JavaScript Air** [http://javascriptair.com/](http://javascriptair.com/) The live broadcast podcast all about JavaScript **阿里巴巴与 Apache 的故事** [http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=400392268&idx=2&sn=2aedc16dfd601eae8118d11225a5c4bb](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=400392268&idx=2&sn=2aedc16dfd601eae8118d11225a5c4bb) [https://github.com/alibaba/jstorm](https://github.com/alibaba/jstorm) 11月19日，阿里巴巴集团宣布正式加入Apache基金会。同时，向Apache基金会捐赠开源项目JStorm。JStorm正式成为Apache Storm里的子项目。JStorm将在 Apache Storm里孵化，孵化成功后会成为Apache Storm主干。 **Windows 30岁了：蓝屏、死机，但它依然是最伟大的操作系统** [http://www.pingwest.com/windows-30-years/](http://www.pingwest.com/windows-30-years/) Windows 30岁了。它早已是个人电脑操作系统的霸主。不过，在这个高速前进的行业，它也站在了一个前途未知的路口。本文回顾 Windows 30年来的发展历程，顺便对这个最伟大的操作系统说一声“生日快乐”。 ## 产品及其它 **2015美国新媒体研究报告** [http://mp.weixin.qq.com/s?__biz=MzA5NDMxMTAyMg==&mid=400338781&idx=1&sn=8ca58149fdbf5e7738e648afd2ff0342](http://mp.weixin.qq.com/s?__biz=MzA5NDMxMTAyMg==&mid=400338781&idx=1&sn=8ca58149fdbf5e7738e648afd2ff0342) [http://tech.qq.com/a/20151112/009810.htm](http://tech.qq.com/a/20151112/009810.htm) 来自美国皮尤（Pew）研究中心的专家Lee Rainie，发布了另一份重磅报告《2015美国新媒体研究报告》：哪三场技术革命彻底改变了媒体行业？第四场革命又将在哪里发生？对新闻业有和影响？今天的美国人如何看新闻？他们和中国读者的喜好一样吗？关于媒体的未来，关于人类与信息交互的未来，美国专家有哪些洞察？另附企鹅智库发布的中国新媒体报告：[http://tech.qq.com/a/20151112/009810.htm#p=1](http://tech.qq.com/a/20151112/009810.htm#p=1) **傅盛：空杯仰视才有可能改变世界格局** [http://mp.weixin.qq.com/s?__biz=MjM5MTEzNTg2MA==&mid=401223950&idx=1&sn=ea58fa68a8cd29653749fe298c8f2fff](http://mp.weixin.qq.com/s?__biz=MjM5MTEzNTg2MA==&mid=401223950&idx=1&sn=ea58fa68a8cd29653749fe298c8f2fff) 简单的人一定能做出伟大的事；永远不要去简单地抱怨困难，你的目的是解决困难；树立一个简单的目标，才能冲破重重阻碍；如果你在认知上，落后于这个时代，你就必然会被淘汰； **Tominsight 移动互联网原罪：颠覆还是堕落** [https://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=402995458&idx=1&sn=aab15de88ba54f2a6593fa9f73932f71](https://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=402995458&idx=1&sn=aab15de88ba54f2a6593fa9f73932f71) TOMsInsight团队通过真实案例分析，和大家一起洞察移动社交流量的底层故事和行业生态，报告的主题是：「移动社交流量：是分享还是传销」。 **马化腾内部讲座：我们希望的产品经理是从技术晋升而来的** [http://mp.weixin.qq.com/s?__biz=MjM5OTU5NDMxMQ==&mid=400553167&idx=1&sn=7f55b9e5cf29c46418301fb4486fd7f5](http://mp.weixin.qq.com/s?__biz=MjM5OTU5NDMxMQ==&mid=400553167&idx=1&sn=7f55b9e5cf29c46418301fb4486fd7f5) 产品的更新和升级需要产品经理来配合，但我们产品经理做研发出身的不多。而产品和服务是需要大量技术背景的，我们希望的产品经理是非常资深的，做过前端、后端开发的技术研发人员晋升而来。好的产品最好交到一个有技术能力、有经验的人员手上，这样会让大家更加放心。如果产品经理不合格，让很多兄弟陪着干，结果就会发现方向错误是非常浪费和挫伤团队士气的。 **创业者的很多素质是天生的** [http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=400656547&idx=1&sn=7d6033402280846109ae7df792906afd](http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=400656547&idx=1&sn=7d6033402280846109ae7df792906afd) 开复老师的分享。

## 深阅读 **视频编码原理简介** [http://www.skywind.me/blog/archives/1566](http://www.skywind.me/blog/archives/1566) 通过亲手实现一个编码器的方式来学习，这种方式挺好的。 **GIT SOURCE CODE REVIEW: DIFF ALGORITHMS** [http://fabiensanglard.net/git_code_review/diff.php](http://fabiensanglard.net/git_code_review/diff.php) 介绍 Git 中的 Diff 算法是如何实现的。 **对抗拖库 —— Web 前端慢加密** [http://www.cnblogs.com/index-html/archive/2015/11/27/4999897.html](http://www.cnblogs.com/index-html/archive/2015/11/27/4999897.html) 通过前后端结合的方式来降低拖库后密码被盗的风险。 **Netflix 的开源文化与技术** [http://www.infoq.com/cn/news/2015/11/Netflix-io-projects-intro](http://www.infoq.com/cn/news/2015/11/Netflix-io-projects-intro) 本文整理了 Netflix 使用到和贡献的开源技术。 **Khan Academy React Components** [http://khan.github.io/react-components/](http://khan.github.io/react-components/) 可汗学院的 React 组件，贡献者中有 jeresig 哦。 **COMBINING STATIC AND RUNTIME TYPE CHECKING FOR BETTER DEV PRODUCTIVITY** [http://victorsavkin.com/post/133604031766/combining-static-and-runtime-type-checking-for](http://victorsavkin.com/post/133604031766/combining-static-and-runtime-type-checking-for) 使用 TypeScript 的静态和运行时类型检查来提升研发效率。 **How a Small Team of 13 Engineers Successfully Builds a Product on 8 Different Platforms** [http://www.theeffectiveengineer.com/blog/how-to-successfully-build-great-products-with-small-teams](http://www.theeffectiveengineer.com/blog/how-to-successfully-build-great-products-with-small-teams) Quip 内部是如何高效开发的。 **GraphQL is the King. Long Live the King! (R.I.P. REST)** [https://medium.com/@scbarrus/graphql-is-the-king-long-live-the-king-r-i-p-rest-cf04ce38f6c](https://medium.com/@scbarrus/graphql-is-the-king-long-live-the-king-r-i-p-rest-cf04ce38f6c) GraphQL 安利。 Basically, GraphQL is the future of the internet. For the next few years anyway. REST was great, served a lot of good purposes, and will likely remain how we structure our services even with a GraphQL layer for our own sanities sake. But, IMHO GraphQL is the future. **Instant Run 浅析** [http://jiajixin.cn/2015/11/25/instant-run/](http://jiajixin.cn/2015/11/25/instant-run/) Android Studio 2 中 Instant Run 的实现原理分析。 **Concurrently JavaScript** [http://blog.getify.com/concurrently-javascript-1/](http://blog.getify.com/concurrently-javascript-1/) What is concurrency? How is it different from parallelism? JavaScript is single-threaded on the event loop, so how does its asynchrony fit into the mix? **[译]化解使用 Promise 时的竞态条件** [http://efe.baidu.com/blog/defusing-race-conditions-when-using-promises/](http://efe.baidu.com/blog/defusing-race-conditions-when-using-promises/) 网络时代，创建现代软件时其中一个很大的限制是所需要的数据往往在远程服务器上。应用程序在等待网络请求时简单地锁死是不现实（甚至不可能）的。相反，我们必须让应用程序在等待时保持响应。为此，我们需要写出并发的代码。当应用的某一部分正在等待网络请求的响应时，其他部分必须继续运行。 Promise 对于编写非阻塞型的代码是很不错的工具。然而，使用 promise 并不能保证代码是正确的。 **RePractise 前端篇: 前端演进史** [https://github.com/phodal/repractise/blob/gh-pages/chapters/frontend.md](https://github.com/phodal/repractise/blob/gh-pages/chapters/frontend.md) 细细整理了过去接触过的那些前端技术，发现前端演进是段特别有意思的历史。人们总是在过去就做出未来需要的框架，而现在流行的是过去的过去发明过的。如果六、七年前的移动网络速度和今天一样快，那么直接上的技术就是响应式设计，APP、SPA就不会流行得这么快。尽管我们可以预见未来这些领域会变得更好，但是更需要的是改变现状。改变现状的同时也需要预见未来的需求。 **前端的变革** [https://github.com/amfe/article/issues/28](https://github.com/amfe/article/issues/28) winter 结合双 11 技术对前端几个重要话题：发布、分离与同构、全端 & 全栈、性能、工具的思考。另附： 手淘营销支持之路[https://github.com/amfe/article/blob/master/%E8%90%A5%E9%94%80%E6%94%AF%E6%92%91%E4%B9%8B%E8%B7%AF.md](https://github.com/amfe/article/blob/master/%E8%90%A5%E9%94%80%E6%94%AF%E6%92%91%E4%B9%8B%E8%B7%AF.md) 可以学习下运营活动如何更好地支持。欢迎关注双 11 相关的系列文章 [https://github.com/amfe/article/issues](https://github.com/amfe/article/issues) **The Architecture of Open Source Applications: Nginx** [http://www.aosabook.org/en/nginx.html](http://www.aosabook.org/en/nginx.html) 其实重点是向大家推荐这个网站 The Architecture of Open Source Applications 有很多开源软件的解读，非常好的学习资料。 **How do Promises Work?** [http://robotlolita.me/2015/11/15/how-do-promises-work.html](http://robotlolita.me/2015/11/15/how-do-promises-work.html) In this blog post we’ll look at what promises are, how they work, and why you should or shouldn’t use them. **Docker 之架构原理详细** [http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=402660530&idx=3&sn=4ad2c1dd5631618efd6a625765fb0f3f](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=402660530&idx=3&sn=4ad2c1dd5631618efd6a625765fb0f3f) 本文从Docker 1.2 的源码入手，分析抽象出 Docker 的架构图，并对该架构图中的各个模块进行功能与实现的分析，最后通过两个docker命令展示了Docker内部的运行。 **Top JavaScript Frameworks, Libraries and Tools and When to Use Them** [http://www.sitepoint.com/top-javascript-frameworks-libraries-tools-use/](http://www.sitepoint.com/top-javascript-frameworks-libraries-tools-use/) This article is part of a web development series from Microsoft. It seems like almost every other week there is a new JavaScript library taking the web community by storm! The web community is increasingly vibrant, diverse and is moving rapidly on multiple fronts. It would be an impossible feat to survey every major JavaScript framework and library. Instead,I will share some of the most famous and influential ones for front-end development. **Anatomy of a large Angular application** [https://medium.com/@bojzi/anatomy-of-a-large-angular-application-f098e5e36994](https://medium.com/@bojzi/anatomy-of-a-large-angular-application-f098e5e36994) How to design the architecture of an Angular application and not go insane in the process **Webpack傻瓜式指南** [http://zhuanlan.zhihu.com/FrontendMagazine/20367175](http://zhuanlan.zhihu.com/FrontendMagazine/20367175) Webpack最近很热，我一开始是想翻译一篇国外关于webpack的佳作，但是找来找去也没有一篇让我感觉到很满意的，好多都是一步到位，满屏幕都是React＋Webpack，官方文档写的不太好，好多点都没有解释的详细，所以我参考了几篇文章，写一篇傻瓜式指南。另附一本免费书： SurviveJS - Webpack and React From apprentice to master [http://survivejs.com/](http://survivejs.com/) **[译]别再丢用户与应用程序的状态了，赶紧用 Page Visibility 吧** [http://www.w3ctech.com/topic/1588](http://www.w3ctech.com/topic/1588) [https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/](https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/) 为了提供可靠流畅的用户体验，无论是在 PC 端还是移动端，应用程序必须使用 Page Visibility API，根据 visibilityChange 状态的变化保存或恢复当前会话。这是应用程序唯一可以依赖的事件。 ## 新鲜货 **新 WordPress.com** [https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/](https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/) [https://quickleft.com/blog/six-things-know-wordpress-moving-javascript/](https://quickleft.com/blog/six-things-know-wordpress-moving-javascript/) 新的 WordPress.com 采用了 Node 进行开发，放弃了之前的 PHP，通过无刷新的方式明显提升了性能，还基于 Electron 开发了桌面版本。请注意是 .com 不是 Wordpress 本身，见：WordPress is still PHP and MySQL [https://janit.wordpress.com/2015/11/24/wordpress-is-still-php-and-mysql/](https://janit.wordpress.com/2015/11/24/wordpress-is-still-php-and-mysql/) **Betwixt** [https://github.com/kdzwinel/betwixt](https://github.com/kdzwinel/betwixt) 一个基于 DevTools 开发的 HTTP 请求分析工具，类似 Fiddler。 **mojs** [http://mojs.io/](http://mojs.io/) 一个动画库，demo 做得挺有意思的。 **Enterprise-grade GitHub: How Azure scaled to 2,000+ employees on GitHub** [https://azure.microsoft.com/en-us/blog/enterprise-scale-github-at-azure/](https://azure.microsoft.com/en-us/blog/enterprise-scale-github-at-azure/) Azure 开源的用于管理企业 GitHub 帐号的平台，基于 Node 开发。 **在Google看来，所有的 App 以后都会变成浏览器** [http://www.geekpark.net/topics/214010](http://www.geekpark.net/topics/214010) [http://insidesearch.blogspot.de/2015/11/new-ways-to-find-and-stream-app-content.html](http://insidesearch.blogspot.de/2015/11/new-ways-to-find-and-stream-app-content.html) [http://recode.net/2015/11/24/google-and-the-future-of-apps/](http://recode.net/2015/11/24/google-and-the-future-of-apps/) Google 在上周推出了新功能 Google App Streaming，对于这个功能，Google 觉得自己可以凭此开启一个「网页版 App」的时代。有了 App Streaming，Google 可以在一个 App 中有效地呈现你在寻找的内容，而且不会让你去下载它们。你不必担心是否需要去在上面消耗时间和流量去下载那些只会使用一次的 App。如果 Google 的说的话靠谱，那你会在 App 中得到像在浏览器的网页上一样的上网体验。 **What are the best JavaScript IDEs?** [http://www.slant.co/topics/1686/~javascript-ides](http://www.slant.co/topics/1686/~javascript-ides) 竟然有这么多 IDE 长见识了，想说的是：Webstorm 你值得拥有。 **React is killing Angular** [http://en.arguman.org/react-is-killing-angular](http://en.arguman.org/react-is-killing-angular) 很直观地论证，arguman 的这种展示方式挺新颖的。 **Nova.js - Web Component is Production Ready** [http://novajs.com/](http://novajs.com/) [http://www.w3ctech.com/topic/1587](http://www.w3ctech.com/topic/1587) Web Component 是 Web 开发的未来。Polymer、X-Tag 等 Web Component 框架也越来越火，但由于其浏览器支持度不高，我们仍缺少将 Web Component 应用到项目中的机会。 Nova.js 可以帮助我们在项目中使用 Web 组件化的方式进行开发，同时，支持移动端所有主流浏览器及 PC 端 IE9+ 及其它主流浏览器。 **Go 将统治下一个十年** [http://toutiao.com/i6215838209532756482/](http://toutiao.com/i6215838209532756482/) 文章相当高调：Ruby 显然已经完了。Javascript 是误导的、python 踩上了数据科学家的高跷。JVM 西斯君主握住你的脖子，.NET 最近开源企图想留在开源相关面。Go 在未来，Go 是你的未来，你还有得选择。 **Google Launches Android Studio 2.0** [http://techcrunch.com/2015/11/23/android-studio-2-0-with-improved-android-emulator-and-instant-run/](http://techcrunch.com/2015/11/23/android-studio-2-0-with-improved-android-emulator-and-instant-run/) With this update, Google massively accelerated deployment speeds, for example. Cuthbertson tells me that a full build is now 2x to 2.5x faster than in previous releases. Google is introducing new emulators that, given modern hardware, should run faster than any physical device. **hacker-scripts** [https://github.com/NARKOZ/hacker-scripts](https://github.com/NARKOZ/hacker-scripts) [http://36kr.com/p/5040040.html](http://36kr.com/p/5040040.html) 俄罗斯程序员实现自动化，写了一堆脚本，会给老婆发加班短信、会在宿醉不醒时给自己请假、会自动根据邮件恢复客户的数据库、还可以一键远程煮咖啡。还原这一故事的GitHub项目已经成了这几天最为火热的项目之一，真是程序员们的楷模啊……两天不到 7000+ star 的项目，相当吊。 **Node - A pithy and powerful web framework** [http://toajs.com/](http://toajs.com/) Toa 与 Koa 学习成本和编程体验是一致的，两者之间几乎是无缝切换；基于 Thunks，由 Thunks 组合业务逻辑，用同步逻辑编写非阻塞的异步程序和异常处理模块化；弱化中间件，强化模块化组件，使得编写大型应用的结构逻辑更清晰，也更安全。 **Raspberry Pi Zero: the $5 computer** [https://www.raspberrypi.org/blog/raspberry-pi-zero/](https://www.raspberrypi.org/blog/raspberry-pi-zero/) [http://vdisk.weibo.com/s/Fa3bdHsxQD-z8](http://vdisk.weibo.com/s/Fa3bdHsxQD-z8) 新版树莓派 Raspberry Pi 发布了，1G CPU、512MB内存、micro-SD、mini-HDMI、Micro-USB接口，只要5美元！ **A remake of the Windows pipes screensaver using Three.js** [http://isaiahodhner.ml/pipes/](http://isaiahodhner.ml/pipes/) 表示看花眼了... **H5PSD** [http://jhtmls.com/h5psd/](http://jhtmls.com/h5psd/) 将 PSD 拖拽到页面上，即可生成 H5 页面，打包下载，省去了切图的过程。 **新浏览器插件在长城上打洞** [http://www.solidot.org/story?sid=46256](http://www.solidot.org/story?sid=46256) 今年 10 月，麻省大学安默斯特分校的研究人员提出了一种不需要代理服务器的翻墙方法和新的翻墙系统 CacheBrowser，绕过 DNS 干扰直接从 CDN 供应商的内容托管服务器之一上获取被屏蔽的内容。 **HTML input type=file文件选择表单元素二三事** [http://www.zhangxinxu.com/wordpress/2015/11/html-input-type-file/](http://www.zhangxinxu.com/wordpress/2015/11/html-input-type-file/) **腾讯游戏DBA利刃 - SQL审核工具介绍** [http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400575740&idx=1&sn=6d0f0d8ee57479ddbd33cf5836f81304](http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=400575740&idx=1&sn=6d0f0d8ee57479ddbd33cf5836f81304) SQL审核工具（TMySQLParse）用于对 MySQL的SQL 语句进行语法解析，判定语法正确性，并根据自定义的高危特性检测SQL是否存在高危情况。通过将 TMySQLParse 集成到 GCS 平台中，可以降低人工审单的难度及减少其工作量，从而实现审单的自动化。 ## 产品及其它 **On building product at Medium** [https://medium.com/@polastre/on-building-product-at-medium-be54fc0be4b9#.1jic44r37](https://medium.com/@polastre/on-building-product-at-medium-be54fc0be4b9#.1jic44r37) Medium 的产品是如何设计出来的。 **How Does In-Flight Wi-Fi Really Work?** [http://thepointsguy.com/2015/11/how-in-flight-wi-fi-works/](http://thepointsguy.com/2015/11/how-in-flight-wi-fi-works/) 想知道飞机上如何支持 WiFi 么？ **Facebook 的 CTO，他们的办公室，和一流的创业文化** [http://36kr.com/p/5040023.html](http://36kr.com/p/5040023.html) 介绍 Facebook 内部是如何开发的。 **Preflight - A case study in mobile app design** [https://medium.com/@calreaves/preflight-dfbff53a1cdc#.v56hx4tfd](https://medium.com/@calreaves/preflight-dfbff53a1cdc#.v56hx4tfd) 一个移动应用设计的案例。 **微信支付怎么打败支付宝?** [http://mp.weixin.qq.com/s?__biz=MjM5ODIyMTE0MA==&mid=401091537&idx=1&sn=ba070cd254c962e543e34b0cafc95cac](http://mp.weixin.qq.com/s?__biz=MjM5ODIyMTE0MA==&mid=401091537&idx=1&sn=ba070cd254c962e543e34b0cafc95cac) Fenng 关于两大支付巨头的分析。 **揭开 Facebook Growth Hacking 的神秘面纱，微信、人人为何都在效仿？** [http://www.huxiu.com/article/132639/1.html](http://www.huxiu.com/article/132639/1.html) 介绍 Facebook 种的 A/B 测试方法。

## 深阅读 **PHP 7.0.0 Released** [http://php.net/archive/2015.php](http://php.net/archive/2015.php) The PHP development team announces the immediate availability of PHP 7.0.0\. This release marks the start of the new major PHP 7 series. PHP 7.0.0 comes with a new version of the Zend Engine, numerous improvements and new features. 恭喜 PHP 发布这个历史性突破的版本，附亚一程-鸟哥的： [写在PHP7发布之际的一些话](http://www.laruence.com/2015/12/04/3083.html) [让PHP7达到最高性能的几个Tips](http://www.laruence.com/2015/12/04/3086.html) 以及一篇情怀文：[开发者的孤独与伟大](http://www.liaohuqiu.net/cn/posts/roman-wasnot-built-in-a-day/) **十年来感受的前端技术变化 - by xufei** [https://github.com/xufei/blog/issues/28](https://github.com/xufei/blog/issues/28) 来自民工哥的总结，非常值得仔细品读。 **前QQ浏览器产品负责人 － 从0到1深度认识产品经理** [http://toutiao.com/i6223360372221411841/](http://toutiao.com/i6223360372221411841/) 产品经理，具备四种属性，他们分别是要有责任感，产品经理是产品的爹妈，是这 个产品团队的第一负责人，一个产品经理如果做不到这种级别的关爱，你的产品很难发展下去。第二是追求极致，你知道这个产品有什么功能，哪个点需要做到极致，才能形成差异化的壁垒。第三个是专家，需要具备各个领域的相关知识。第四个是设计师，你要知道什么东西是美的。腾讯产品经理衡量指标表，基本上分为四个维度：基础、知识、专业能力、组织能力。值得注意的是腾讯的产品经理技能体系中有技术。 **Hadoop creator Doug Cutting on evolving and succeeding in open source** [https://medium.com/s-c-a-l-e/hadoop-creator-doug-cutting-on-evolving-and-succeeding-in-open-source-3277a42e5b6e#.1k67qmri9](https://medium.com/s-c-a-l-e/hadoop-creator-doug-cutting-on-evolving-and-succeeding-in-open-source-3277a42e5b6e#.1k67qmri9) 对 Doug Cutting 的采访，做数据的同学。 **天猫双11前端分享系列（四）：大规模 Node.js 应用** [https://github.com/tmallfe/tmallfe.github.io/issues/28](https://github.com/tmallfe/tmallfe.github.io/issues/28) 天猫前端团队使用 React 和 Node 支撑了大量运营页面的开发。 **关于启用 HTTPS 的一些经验分享** [https://imququ.com/post/sth-about-switch-to-https.html](https://imququ.com/post/sth-about-switch-to-https.html) 使用 HTTPS 的宝贵经验。 **编程的智慧** [http://www.yinwang.org/blog-cn/2015/11/21/programming-philosophy/](http://www.yinwang.org/blog-cn/2015/11/21/programming-philosophy/) 有很多有价值的编码经验，提升代码可读性。 **Debugging Node.js in Production** [http://techblog.netflix.com/2015/12/debugging-nodejs-in-production.html](http://techblog.netflix.com/2015/12/debugging-nodejs-in-production.html) 来自 Netflix 的实践经验。 **我所亲见的前端技术变革** [http://zhuanlan.zhihu.com/fangtalk/20359442](http://zhuanlan.zhihu.com/fangtalk/20359442) 挺朴实的一篇文章：站在一个带队者的角度，阐述我的团队最近几年所使用过的前端技术方案。 **Node js 探秘(二) 求异存同** [http://taobaofed.org/blog/2015/12/03/deep-into-node-2/](http://taobaofed.org/blog/2015/12/03/deep-into-node-2/) Node.js 基于 libuv 实现了 I/O 的异步操作, 通过回调函数来获得想要的结果。而在我们实际解决问题的时候，往往需要一组操作是有序的。如果使用回调的方式，会使用很多的回调嵌套，使代码变得很难看。为了解决这个问题，我们引入 Promise、yield 等概念，但今天我们不讨论这些，我们讨论下最简单的解决办法， 同步执行以及 Node.js 如何在异步的架构上实现同步的方法。 **深度剖析：如何实现一个 Virtual DOM 算法** [https://github.com/livoras/blog/issues/13](https://github.com/livoras/blog/issues/13) 通过自己实现一个来学习是一种不错的学习方法。 **为什么虚拟DOM更胜一筹** [http://weibo.com/p/1001603915568079095157](http://weibo.com/p/1001603915568079095157) 司徒大侠的观点：虚拟DOM只是实现MVVM的一种方案，或者说是视图更新的一种策略。没有虚拟DOM比MVVM更好一说。 **React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight** [https://auth0.com/blog/2015/11/20/face-off-virtual-dom-vs-incremental-dom-vs-glimmer/](https://auth0.com/blog/2015/11/20/face-off-virtual-dom-vs-incremental-dom-vs-glimmer/) [译文] [http://www.w3ctech.com/topic/1609](http://www.w3ctech.com/topic/1609) 本文将探索3种构建动态DOM的技术，并通过一些基准测试对比3种技术的性能快慢，最后我会给出在项目中哪种技术更加适合以及为什么，介绍 现在已经有许多DOM操作的框架和类库。其中 Incremental DOM 见 [https://github.com/google/incremental-dom](https://github.com/google/incremental-dom) **[http://www.smashingmagazine.com/2015/01/angularjs-internals-in-depth/](http://www.smashingmagazine.com/2015/01/angularjs-internals-in-depth/)** [译文][http://www.w3ctech.com/topic/1611](http://www.w3ctech.com/topic/1611) [http://www.w3ctech.com/topic/1612](http://www.w3ctech.com/topic/1612) 在AngularJS的代码库中呈现出了大量有趣的设计，最有趣的两个例子是scope的工作方式和directives(指令)的表现，本文详细讲解了 scope 和 directive 相关的一些技术内幕。 **How to create strongly-typed npm packages** [https://medium.com/@mweststrate/how-to-create-strongly-typed-npm-modules-1e1bda23a7f4#.p7rvlllaz](https://medium.com/@mweststrate/how-to-create-strongly-typed-npm-modules-1e1bda23a7f4#.p7rvlllaz) 介绍 TypeScript 1.6 如何更好地与 npm 配合使用。 **The Fall and Rise of SVG** [http://blog.siliconpublishing.com/2015/12/the-fall-and-rise-of-svg/](http://blog.siliconpublishing.com/2015/12/the-fall-and-rise-of-svg/) SVG 兴衰史。 **Must See JavaScript Dev Tools That Put Other Dev Tools to Shame** [https://medium.com/javascript-scene/must-see-javascript-dev-tools-that-put-other-dev-tools-to-shame-aca6d3e3d925](https://medium.com/javascript-scene/must-see-javascript-dev-tools-that-put-other-dev-tools-to-shame-aca6d3e3d925) But we’ve come a long way since then, and the tools we use now in JS make fancy IDE autocomplete look like a baby chew toy. In particular, JavaScript’s runtime tooling has no match that I’m aware of in any other language. **How to Structure a React Project** [http://reactjsnews.com/structuring-react-projects/](http://reactjsnews.com/structuring-react-projects/) There are multiple ways to structure your project. I believe it is far better to evolve the structure as you go rather than to stick with some dogma. I will go through some basic approaches next to provide some food for thought. **5 Essential Ember 2.0 Concepts You Must Understand** [http://emberigniter.com/5-essential-ember-2.0-concepts/](http://emberigniter.com/5-essential-ember-2.0-concepts/) Templates, routes, views, controllers, models, components… they’re still confusing and require clarification. What logic belongs where? What’s the relationship between them? What’s more, things have been shifting a lot recently. You find a months-old article on the Web and become skeptical of its currency as that advice may no longer be relevant. **为什么很多看起来不是很复杂的网站，比如 Facebook 需要大量顶尖高手来开发** [http://www.zhihu.com/question/20303645](http://www.zhihu.com/question/20303645) 你需要知道的是，你每天使用的互联网产品，看似简单易用，背后却凝聚着难以想象的智慧与劳动。 ## 新鲜货 **Node v5.1.1 (Stable)** [https://nodejs.org/en/blog/release/v5.1.1/](https://nodejs.org/en/blog/release/v5.1.1/) 有重大安全升级 **ECharts 3 带来了什么** [http://efe.baidu.com/blog/whats-new-in-ec3/](http://efe.baidu.com/blog/whats-new-in-ec3/) ECharts 在 github 上沉寂了数个月，想必很多小伙伴充满了各种疑问，ECharts是不是不维护了？你们以后是不是不做了？别着急，其实这几个月，我们的设计师、工程师一直厉兵秣马，加班加点，没有周末，没有女朋友地疯狂工作中。 终于，ECharts 的又一个重大版本即将出炉，在 ECharts 3 正式版发行前，提前给广大用户带来 ECharts 3 的测试版。 那 ECharts 3 究竟会有哪些新的特征，我们用数月究竟在颠覆着自己的什么呢？接下来让我们一一为您道来。 **Swift 开源** [https://swift.org/](https://swift.org/) [https://github.com/apple/swift/](https://github.com/apple/swift/) 除了 Mac 还支持 Linux，看来 apple 是想用在服务端呢，话说这也是 apple 第一次使用 github。 **Next Generation Eclipse IDE** [https://eclipse.org/che/](https://eclipse.org/che/) Eclipse Che: High performance developer workspaces, cloud IDE, and plug-ins. Eclipse Che provides: A browser-based IDE; RESTful workspace server; Plug-ins for languages, framework, and tools; An SDK for creating plug-ins and assemblies. **Microsoft Edge’s JavaScript engine to go open-source** [https://blogs.windows.com/msedgedev/2015/12/05/open-source-chakra-core/](https://blogs.windows.com/msedgedev/2015/12/05/open-source-chakra-core/) Chakra offers best-in-class JavaScript execution with the broadest set of ES2015 feature coverage and dependable performance, reliability, and scalability. We expect ChakraCore to be used wherever these factors are important, ranging from cloud-based services to the Internet of Things and beyond. **What Web Can Do Today** [https://whatwebcando.today/](https://whatwebcando.today/) Can I rely on the Web Platform features to build my app? An overview of the device integration HTML5 APIs **Let’s Encrypt** [https://letsencrypt.org/](https://letsencrypt.org/) 免费的 HTTPS 工具，还自带方便的部署脚本。 **Pesticide** [http://pesticide.io/](http://pesticide.io/) 方便调试 CSS 布局的小工具。 **Parker** [https://github.com/katiefenn/parker](https://github.com/katiefenn/parker) CSS 代码静态分析工具，可以统计出 CSS 代码的复杂性指标。 **Announcing TypeScript 1.7** [http://blogs.msdn.com/b/typescript/archive/2015/11/30/announcing-typescript-1-7.aspx](http://blogs.msdn.com/b/typescript/archive/2015/11/30/announcing-typescript-1-7.aspx) 支持 Async/Await 关键字，这下写异步代码及异常处理会更方便了，推荐在 Node.js v4 中使用。 **activate-power-mode** [https://atom.io/packages/activate-power-mode](https://atom.io/packages/activate-power-mode) 一个在编辑文本时显示特效的插件，没啥用，但挺有意思。 **Welcome Adobe Animate CC, a new era for Flash Professional** [http://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/](http://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/) Flash 编辑器改名 Animate CC，增加了对 HTML5 输出的支持。 **Matreshka.js** [https://medium.com/@finom/matreshka-js-from-simple-to-simple-a52db6884a9d#.635ns5o1g](https://medium.com/@finom/matreshka-js-from-simple-to-simple-a52db6884a9d#.635ns5o1g) 有一个前端框架，有双向绑定功能 **CSS Custom Properties for Cascading Variables** [http://www.w3.org/TR/2015/CR-css-variables-1-20151203/](http://www.w3.org/TR/2015/CR-css-variables-1-20151203/) CSS也可以自定义属性了，‘ --*’ 定义属性并以‘var()’引用该属性，主要是为了解决大型的CSS文件里命名重复率高、属性重用困难等的痛苦。规范已进入CR，Firefox已支持Chrome也将实现，Edge也有意向。 **Support for older versions of Internet Explorer ends on January 12, 2016** [https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support](https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support) Beginning January 12, 2016, only the most current version of Internet Explorer available for a supported operating system will receive technical supports and security updates. Internet Explorer 11 is the last version of Internet Explorer, and will continue to receive security updates, compatibility fixes, and technical support on Windows 7, Windows 8.1, and Windows 10. **Atmosphere: The Asynchronous WebSocket/Comet Framework** [https://github.com/atmosphere/atmosphere](https://github.com/atmosphere/atmosphere) [http://async-io.org/](http://async-io.org/) Realtime Client Server Framework for the JVM, supporting WebSockets with Cross-Browser Fallbacks **w3ctech 6周年 -12.26** [http://www.w3ctech.com/birthday/6](http://www.w3ctech.com/birthday/6) **震撼效果** [https://atom.io/packages/activate-power-mode](https://atom.io/packages/activate-power-mode) 这样写码也是醉了... **作为一个前端，如何机智地弄坏一台电脑?** [http://litten.github.io/2015/07/06/hack-in-localstorage/](http://litten.github.io/2015/07/06/hack-in-localstorage/) 关于 LocalStorage 的黑科技 **React-Native-lesson** [https://github.com/vczero/react-native-lesson](https://github.com/vczero/react-native-lesson) React-Native入门指南 **SAE Node.js平台正式公测** [http://saebbs.com/forum.php?mod=viewthread&tid=37798](http://saebbs.com/forum.php?mod=viewthread&tid=37798) [http://mp.weixin.qq.com/s?__biz=MjM5NzI0Njc2MA==&mid=400624156&idx=1&sn=4d6d8eea885654870235a08be3f645a1#rd](http://mp.weixin.qq.com/s?__biz=MjM5NzI0Njc2MA==&mid=400624156&idx=1&sn=4d6d8eea885654870235a08be3f645a1#rd) 基于Kubernetes的Node.js平台来啦！公测期间可免费体验！此外，近期我们升级了独享型MySQL服务，支持从共享型MySQL到独享型MySQL数据的一键迁移，并新增一键备份/恢复数据等功能。 **Microm - Beautiful library to convert browser microphone to mp3 in Javascript** [https://github.com/zzarcon/microm](https://github.com/zzarcon/microm) Microm it's just a wrapper of few audio converting libraries which exposes a fully Promise and Event oriented api. Microm goal it's to make trivial to play and convert audio in the browser. **React Custom Renderer using Web Workers** [http://blog.nparashuram.com/2015/12/react-web-worker-renderer.html](http://blog.nparashuram.com/2015/12/react-web-worker-renderer.html) [https://github.com/web-perf/react-worker-dom](https://github.com/web-perf/react-worker-dom) A React Custom renderer using Web Workers. All the Virtual DOM diffing happens in the Worker thread, and only node updates are sent over to the UI thread. **Labella.js - Labels should be beautiful** [https://github.com/twitter/labella.js/](https://github.com/twitter/labella.js/) If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style. **当一个颜值很高的程序员是怎样一番体验** [http://www.zhihu.com/question/37787176](http://www.zhihu.com/question/37787176) ## 产品及其它 **中國製造也能在美國市場打造品牌神話，傳奇 Amazon 賣家 Anker 給台灣廠商的啟示** [http://transbiz.com.tw/amazon-chinese-seller-anker-in-us-market/](http://transbiz.com.tw/amazon-chinese-seller-anker-in-us-market/) 如何打造热销商品。 **豆瓣十年，一个典型精英社区的起伏兴衰** [http://36kr.com/p/5040404.html](http://36kr.com/p/5040404.html) 回顾豆瓣的发展历史，如何兴盛和衰落的。 另附衰落文：滴滴游戏中心已死，HTML5游戏还有未来吗 [http://www.gameres.com/473465.html](http://www.gameres.com/473465.html) **底层用户生态：性的需求和能量** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=403812127&idx=1&sn=3916178c62f5f7fd96738fef1819bd18](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=403812127&idx=1&sn=3916178c62f5f7fd96738fef1819bd18) TOMsInsight在互联网黑市系列深度报告后，开始推送「互联网底层用户生态」深度分析系列。「底层」的意思并不是级别低，而是和很多互联网创新公司那些高大上的「臆想需求」相对，真实客观的一线互联网消费者。 **吴军解读硅谷之谜** [http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=400776160&idx=1&sn=668e2f4aac76d105ecbdeaab88faea20](http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=400776160&idx=1&sn=668e2f4aac76d105ecbdeaab88faea20) 硅谷它奇异的地方在于不断创造出伟大的公司，一个伟大的公司之所以称之为伟大，就是在于世界上有它和没有它的时候是不一样。硅谷的成功在于：对叛逆行为的宽容、对失败的宽容、多元文化、工程师文化、分配制度、追求卓越 **大咖级教程！乱斗西游的游戏LOGO是如何诞生的？（附设计方法）** [http://www.uisdc.com/journey-to-west-logo](http://www.uisdc.com/journey-to-west-logo) 详细介绍了这个 Logo 是如何设计出来的。 **硝烟往事：缔造Instagram的这五年** [http://zhuanlan.zhihu.com/qinchao/20310747](http://zhuanlan.zhihu.com/qinchao/20310747) 介绍了 Instagram 在发展过程中的技术变革。 **成为一名强大优秀的全栈设计师吧** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401039038&idx=1&sn=a09d09fe363c184d9b486c8650d5d869&scene=0#wechat_redirect](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401039038&idx=1&sn=a09d09fe363c184d9b486c8650d5d869&scene=0#wechat_redirect) 和全栈工程师对应的还有全栈设计师这个说法，跨界是可以让我们有更多的可能性，而且在做方案的时候也能帮助我们从不同的角度区思考！

## 业界会议 **OSC - 开源中国-2015年源创会** [http://www.oschina.net/2015-beijing-ceremony](http://www.oschina.net/2015-beijing-ceremony) 源创会直面一线开发者，关注开源，关注技术，关注创新，话题专注于软件技术本身的实现。每年底选择在开发者聚集最多的城市－北京，举办源创会年度盛典，此次盛典为期一天，设置五个分会场，涵盖容器、移动开发、数据库存储、运维、其它综合各类开发技术。 ## 深阅读 **JavaScript Developer Survey Results** [https://ponyfoo.com/articles/javascript-developer-survey-results](https://ponyfoo.com/articles/javascript-developer-survey-results) 看看国外的 JavaScript 程序员们。 **深入理解PHP7之zval - by 鸟哥** [https://github.com/laruence/php7-internal/blob/master/zval.md](https://github.com/laruence/php7-internal/blob/master/zval.md) PHP7已经发布, 如承诺, 我也要开始这个系列的文章的编写, 今天我想先和大家聊聊zval的变化. **Node.js 单元测试之我要写测试** [http://taobaofed.org/blog/2015/12/10/nodejs-unit-tests/](http://taobaofed.org/blog/2015/12/10/nodejs-unit-tests/) 单测是写Node应用必须要完成的工作，这篇文章介绍了最基本的方法。 **A CTO’s Startup Journey in Beijing Zhongguancun Science Park** [https://medium.com/@chonantsai/a-cto-s-startup-journey-in-beijing-zhongguancun-science-park-59ff71f4417b#.7a6u14c6d](https://medium.com/@chonantsai/a-cto-s-startup-journey-in-beijing-zhongguancun-science-park-59ff71f4417b#.7a6u14c6d) 一个老外来北京中关村做 CTO 的经历，从搬椅子到注册公司，从备案到找云服务，从招人到技术选型等，还有遇到 Trello、GitHub、Google 服务慢等问题，写得挺实在的，整体来说作者还比较满意，唯一不爽的就是雾霾。 **Optimizing Facebook for iOS start time** [https://code.facebook.com/posts/1675399786008080/optimizing-facebook-for-ios-start-time/](https://code.facebook.com/posts/1675399786008080/optimizing-facebook-for-ios-start-time/) Facebook iOS 版本启动时间优化的经验。 **Angular 1.5 is close - here's the interesting parts** [http://www.codelord.net/2015/12/10/angular-1-dot-5-is-close-heres-the-interesting-parts/](http://www.codelord.net/2015/12/10/angular-1-dot-5-is-close-heres-the-interesting-parts/) Angular 1.5 已经进入 RC 版本，来看看它都新增了哪些功能。 **Choosing an HTTP Status Code — Stop Making It Hard** [http://racksburg.com/choosing-an-http-status-code/](http://racksburg.com/choosing-an-http-status-code/) [http://www.restapitutorial.com/httpstatuscodes.html](http://www.restapitutorial.com/httpstatuscodes.html) What could be simpler than returning HTTP status codes? Did the page render? Great, return 200\. Does the page not exist? That’s a 404\. Do I want to redirect the user to another page? 302, or maybe 301. **The Power of Mozilla** [https://blog.mozilla.org/blog/2015/12/08/the-power-of-mozilla/](https://blog.mozilla.org/blog/2015/12/08/the-power-of-mozilla/) 整理了 Mozilla 中的主要技术。 **Why WeWork.com uses a static generator and why you should too** [https://engineering.wework.com/engineering/2015/12/08/why-wework-com-uses-a-static-generator-and-why-you-should-too/](https://engineering.wework.com/engineering/2015/12/08/why-wework-com-uses-a-static-generator-and-why-you-should-too/) **性能优化模式** [http://tech.meituan.com/performance_tuning_pattern.html](http://tech.meituan.com/performance_tuning_pattern.html) 很详细地分析了性能优化的反例和典型模式 **Emscripten and WebAssembly** [https://kripken.github.io/talks/wasm.html#/](https://kripken.github.io/talks/wasm.html#/) WebAssembly 最新情况介绍，已经能试用了？ **手机淘宝 521 性能优化项目揭秘** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401554928&idx=1&sn=abde4233ad87b6c7fb2e797b1902f5b6&scene=2&srcid=1206I2q9x0pFaJTh0gjOv9P5](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401554928&idx=1&sn=abde4233ad87b6c7fb2e797b1902f5b6&scene=2&srcid=1206I2q9x0pFaJTh0gjOv9P5) 主要介绍 H5 页面性能及 Android 内存优化。 **How to Schedule Background Tasks in JavaScript** [http://www.sitepoint.com/how-to-schedule-background-tasks-in-javascript/](http://www.sitepoint.com/how-to-schedule-background-tasks-in-javascript/) 重点介绍了 requestIdleCallback **Go GC: Prioritizing Low Latency and Simplicity** [http://www.infoq.com/presentations/go-gc-performance](http://www.infoq.com/presentations/go-gc-performance) Go 最近几个版本在 GC 方面得到了明显提升，来看看它是如何做到的。不过也有吐槽的： - Go is a poorly designed language [http://byrd.im/go-is-poor/](http://byrd.im/go-is-poor/) - 然而吐槽后作者表示还是会继续使用。 [http://yager.io/programming/go.html](http://yager.io/programming/go.html) **007黑客组织及其地下黑产活动分析报告** [http://drops.wooyun.org/tips/11172](http://drops.wooyun.org/tips/11172) 黑产是一个很隐秘的帝国，这篇报告很详细的，看起来主要是通过盗游戏装备挣钱呢。另附乌云的： - 巴西地下市场调查 [http://drops.wooyun.org/papers/10743](http://drops.wooyun.org/papers/10743) - Cybercrime in the Deep Web [http://drops.wooyun.org/news/10913](http://drops.wooyun.org/news/10913) - 也来看看Android的ART运行时 [http://drops.wooyun.org/tips/10841](http://drops.wooyun.org/tips/10841) **百度语音技术及最新进展** [http://www.infoq.com/cn/presentations/baidu-voice-technology-and-latest-progress](http://www.infoq.com/cn/presentations/baidu-voice-technology-and-latest-progress) 百度语音为开发者提供优质的语音技术服务，包括语音识别、语义解析、语音合成，后续更有开放资源、多轮对话等技术服务。百度语音通过SDK、REST API及离线开发包等多种服务形式，为智能车载、智能家居、移动应用等垂直类提供定制化智能语音解决方案。 **Readings in Database Systems, 5th Edition** [http://www.redbook.io/](http://www.redbook.io/) 一本介绍数据库领域经典及最新优秀论文的免费书。 **一篇文章看懂谷歌的人工智能帝国，为什么这里一切都是 AI ？** [http://www.tmtpost.com/1487127.html](http://www.tmtpost.com/1487127.html) 吐槽了其它库像是学生写的。。 **机器学习系统隐藏的技术债** [https://papers.nips.cc/paper/5656-hidden-technical-debt-in-machine-learning-systems.pdf](https://papers.nips.cc/paper/5656-hidden-technical-debt-in-machine-learning-systems.pdf) 在机器学习的科学研究和工程实践中，我们往往为了赶时间而采用糙快猛的方法。那么这么做有什么隐忧呢？请看谷歌匹兹堡工程团队D. Sculley等人给我们带来的#NIPS2015#文章。 **占领微博微信们的信息垃圾，Facebook 是怎么处理的？** [http://36kr.com/p/5040803.html](http://36kr.com/p/5040803.html) 解密 Facebook 上如何优化 feed 的。 **大型web系统数据缓存设计** [http://mp.weixin.qq.com/s?__biz=MzA3MDQ4MzQzMg==&mid=406404871&idx=1&sn=37143ce7bd7abdfe1001acc50befe30a](http://mp.weixin.qq.com/s?__biz=MzA3MDQ4MzQzMg==&mid=406404871&idx=1&sn=37143ce7bd7abdfe1001acc50befe30a) 在高访问量的web系统中，缓存几乎是离不开的；但是一个适当、高效的缓存方案设计却并不容易；所以接下来将讨论一下应用系统缓存的设计方面应该注意哪些东西，包括缓存的选型、常见缓存系统的特点和数据指标、缓存对象结构设计和失效策略以及缓存对象的压缩等等，以期让有需求的同学尤其是初学者能够快速、系统的了解相关知识。 **OpenResty的现状、趋势、使用及学习方法** [http://segmentfault.com/a/1190000004113020](http://segmentfault.com/a/1190000004113020) 通过 OpenResty，你可以把 nginx 的各种功能进行自由拼接， 更重要的是，开发门槛并不高，这一切都是用强大轻巧的 Lua 语言来操控。 它主要的使用场景主要是： 在 Lua 中揉和和处理各种不同的 nginx 上游输出（Proxy，Postgres，Redis，Memcached 等），在请求真正到达上游服务之前，Lua 可以随心所欲的做复杂的访问控制和安全检测。 **王栋： 要做好推荐，只有技术是不够的** [http://segmentfault.com/a/1190000004112532](http://segmentfault.com/a/1190000004112532) 可以关注下美团架构师对推荐的理解。 **让我们来谈谈分工** [http://coolshell.cn/articles/17295.html](http://coolshell.cn/articles/17295.html) 陈皓关于雅虎取消了QA团队 的引发的对分工的思考。 **商业分析能力这样炼成** [http://mp.weixin.qq.com/s?__biz=MzA3NjE1NzQ0OA==&mid=400622327&idx=1&sn=51c24e867dbe8b7478974faffb25e91b](http://mp.weixin.qq.com/s?__biz=MzA3NjE1NzQ0OA==&mid=400622327&idx=1&sn=51c24e867dbe8b7478974faffb25e91b) 为系统性理解身边的商业现象，而不只是像普通消费者一样地感性认知，结合这些年学习到的经典商业理论和在实践中遇到的问题，我总结了一个简洁而实用的六步商业模型，帮助自己快速解读那些成功和失败的商业项目的细节。当然最重要的还是：分析出自己的生意究竟在哪个环节存在缺陷，如何调整并改进，最终战胜竞争对手，赚钱。 下面，我就把这个称之为 TTPPRC 的六步商业模型系统分享给你。 **Velocity New York 2015 - 前端篇** [http://taobaofed.org/blog/2015/12/14/velocity-new-york-2015-frontend/](http://taobaofed.org/blog/2015/12/14/velocity-new-york-2015-frontend/) 淘宝前端Velocity New York 性能大会总结 ## 新鲜货 **Mozilla Will Stop Developing And Selling Firefox OS Smartphones** [http://techcrunch.com/2015/12/08/mozilla-will-stop-developing-and-selling-firefox-os-smartphones/](http://techcrunch.com/2015/12/08/mozilla-will-stop-developing-and-selling-firefox-os-smartphones/) WebOS 探路失败，再次证明，OS 不是想做就能做的。然而，Firefox 的理念还是很先进的，探索精神也让人钦佩。 **Ant UED 在一起的力量** [https://github.com/ant-ued/blog/issues/1](https://github.com/ant-ued/blog/issues/1) 蚂蚁金服（支付宝）前端团队的 blog 已启动，欢迎大家订阅 Ant UED 微信公众号，与我们一起，探索设计、技术、产品、以及自由梦。 **flow——A static type checker for javascript** [https://github.com/amfe/article/issues/32](https://github.com/amfe/article/issues/32) flow 是facebook团队出的一个js静态类型检测器，目的是通过最小的代码修改检测出代码中的类型问题。 **You Don't Need jQuery** [https://github.com/oneuijs/You-Dont-Need-jQuery](https://github.com/oneuijs/You-Dont-Need-jQuery) Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript. **Unity 5.3 中WebGL的更新** [http://forum.china.unity3d.com/thread-12832-1-1.html](http://forum.china.unity3d.com/thread-12832-1-1.html) 即将发布的Unity 5.3是第四个支持WebGL发布的Unity版本。自Unity 5\. 0第一次发布预览版WebGL以来，我们取得了许多进展，现在与大家分享相关更新内容。 **CODE开源了** [http://www.dongwm.com/archives/codekai-yuan-liao/](http://www.dongwm.com/archives/codekai-yuan-liao/) CODE是一款豆瓣工程师自发组织, 基于我们自己的需要做出来的. 它是互联网公司程序员的需要而产生的, CODE也曾经给github的同仁们演示, 获得了很高的赞誉. **debug-http** [https://github.com/floatdrop/debug-http](https://github.com/floatdrop/debug-http) 方便在 Node 中对 http 库进行 debug。 **React Native 0.16.0** [https://github.com/facebook/react-native/releases/tag/v0.16.0](https://github.com/facebook/react-native/releases/tag/v0.16.0) 除了功能的完善，这一版还支持了 ES6。 **Snap.svg** [http://snapsvg.io/](http://snapsvg.io/) The JavaScript SVG library for the modern web. **greensock** [http://greensock.com/](http://greensock.com/) 又一款svg利器 **ZeroDB** [http://www.zerodb.io/](http://www.zerodb.io/) 一个端到端压缩的数据库，最近开源了。 **Twitter’s Heart Animation in Full CSS** [https://medium.com/@OxyDesign/twitter-s-heart-animation-in-full-css-b1c00ca5b774](https://medium.com/@OxyDesign/twitter-s-heart-animation-in-full-css-b1c00ca5b774) 一款完全用css实现的爱心小动画 **Finatra 2** [https://twitter.github.io/finatra/](https://twitter.github.io/finatra/) Twitter 开源的 Scala 服务框架。 **OpenJDK Mobile** [http://openjdk.java.net/projects/mobile/](http://openjdk.java.net/projects/mobile/) JDK9 的移动版对外公布了，支持 iOS、Android 和 Windows Mobile，又一个移动端跨平台解决方案？ **phan** [https://github.com/etsy/phan](https://github.com/etsy/phan) PHP 代码静态分析工具。 **hashcat** [https://github.com/hashcat/hashcat](https://github.com/hashcat/hashcat) 开源 hash 反解工具，支持 MD5、SHA1 **Try RASON® – RESTful Analytic Solver® Object Notation for JavaScript** [https://rason.com/](https://rason.com/) RASON® -- Restful Analytic Solver® Object Notation -- is a modeling language embedded in JSON and a REST API that makes it easy to create, test and deploy analytic models using optimization, simulation, and data mining, in web and mobile applications. **d3.compose** [http://csnw.github.io/d3.compose/](http://csnw.github.io/d3.compose/) Compose complex, data-driven visualizations from reusable charts and components with d3. ## 产品及其它 **稻盛和夫： 别用此刻的眼界，限制自己对未来的想象** [http://mp.weixin.qq.com/s?__biz=MzA3NjE1NzQ0OA==&mid=400668262&idx=1&sn=0f297feb644577bc91b1b54e9f11ba75](http://mp.weixin.qq.com/s?__biz=MzA3NjE1NzQ0OA==&mid=400668262&idx=1&sn=0f297feb644577bc91b1b54e9f11ba75) 人生总在迷惑之中。你越是认真工作，这样的迷惑或许就越深。你有时突然会疑惑：“我为什么要这么做？”“究竟为什么要干这项差事？”今天一天努力干吧，以今天一天的勤奋就一定能看清明天。这个月努力干吧，以这一个月的勤奋就一定能看清下个月。今年一年努力干吧，以今年一年的勤奋就一定能看清明年。就这样，一瞬间、一瞬间都会过得非常充实，就像跨过一座一座小山。小小的成就连绵不断地积累、无限地持续，这样，乍看宏大高远的目标就一定能实现。这个方法就是最确实的取胜之道。 **淘宝发布2015中国消费者趋势数据** [http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=402716022&idx=1&sn=d34caf2b1873a22609bbdb97a62de467](http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=402716022&idx=1&sn=d34caf2b1873a22609bbdb97a62de467) 淘宝联合第一财经商业数据中心，发布了《中国消费趋势报告·2015》。发布的数据报告规模之大，前所未有。共有55份数据报告，包含中国消费趋势、不同人群消费数据、行业数据报告和趣味专题数据。 **腾讯离职创业4年，我的失败、迷茫与重生** [http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=402663604&idx=2&sn=ee90477526699cb8fbcfc434ebd5029f](http://mp.weixin.qq.com/s?__biz=MjM5NjAyMzcyMA==&mid=402663604&idx=2&sn=ee90477526699cb8fbcfc434ebd5029f) 2011年5月，我(张颖，经纬中国创始管理合伙人）) 在腾讯做了6年的产品经理之后离职创业，迄今已是第4个年头，大体上经历过失败，迷茫和重生三个阶段。 **为什么有些大公司技术弱爆了？** [http://www.zhihu.com/question/32039226](http://www.zhihu.com/question/32039226) 应该很多公司都是类似的。 **揭开 Growth Hacking 的神秘面纱大结局：那些 Facebook 曾经踩过的坑** [http://www.huxiu.com/article/133891/1.html?f=wangzhan](http://www.huxiu.com/article/133891/1.html?f=wangzhan) 八卦+软广告 **如何提升移动端设计的品质** [http://eux.baidu.com/blog/2015/12/how-to-enhance-the-quality-of-the-mobile-terminal-design](http://eux.baidu.com/blog/2015/12/how-to-enhance-the-quality-of-the-mobile-terminal-design)

## 业界会议 **D2-第十届D2前端技术论坛-2015.12.18** [http://d2forum.alibaba-inc.com/](http://d2forum.alibaba-inc.com/) 前端盛会，话题质量很高。这里有参会记录： [http://www.zhihu.com/question/38637676](http://www.zhihu.com/question/38637676) **ArchSummit全球架构师峰会-2015.12.18** [http://bj2015.archsummit.com/](http://bj2015.archsummit.com/) ArchSummit秉承“实践第一、案例为主”的原则，展示新技术在行业应用中的最新实践，技术在企业转型中的加速作用，帮助企业技术管理者、CTO、架构师做好技术选型、技术团队组建与管理，并确立技术对于产品和业务的关键作用。附：Twitter的技术坎坷之路[http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401833711&idx=1&sn=51a34dee436fc2ff3536cc69ee3057db](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401833711&idx=1&sn=51a34dee436fc2ff3536cc69ee3057db) **[资料]幕课网技术沙龙-前端专场** [http://www.imooc.com/activity/salon20151210/index](http://www.imooc.com/activity/salon20151210/index) 有 Node、性能优化、HTML5多人实时在线游戏、AngularJS 的分享 ## 深阅读 **Move Fast and Fix Things** [http://githubengineering.com/move-fast/](http://githubengineering.com/move-fast/) Anyone who has worked on a large enough codebase knows that technical debt is an inescapable reality: The more rapidly an application grows in size and complexity, the more technical debt is accrued. With GitHub's growth over the last 7 years, we have found plenty of nooks and crannies in our codebase that are inevitably below our very best engineering standards. But we've also found effective and efficient ways of paying down that technical debt, even in the most active parts of our systems. **ReactNative的架构设计** [http://segmentfault.com/a/1190000004161358](http://segmentfault.com/a/1190000004161358) 介绍了作者对目前react的开源架构框架如Flux，Reflux，Redux等的理解。 **Forget the Click Bait. Here’s What the JavaScript Job Market Really Looks Like in 2016.** [https://medium.com/javascript-scene/forget-the-click-bait-here-s-what-the-javascript-job-market-really-looks-like-in-2016-ddfe0d39b467](https://medium.com/javascript-scene/forget-the-click-bait-here-s-what-the-javascript-job-market-really-looks-like-in-2016-ddfe0d39b467) Eric Elliott(the author of “Programming JavaScript Applications”) shares some advice on what it takes to get ahead as a professional JavaScript developer and what the market’s like. **微信浏览器webview调试** [http://segmentfault.com/a/1190000004138415](http://segmentfault.com/a/1190000004138415) 如何不装 QQ 浏览器也能调试微信 WebView **Using React is a Business Decision, Not a Technology Choice** [https://blog.formidable.com/using-react-is-a-business-decision-not-a-technology-choice-63c4641c5f7#.fume1d1vh](https://blog.formidable.com/using-react-is-a-business-decision-not-a-technology-choice-63c4641c5f7#.fume1d1vh) React 的非技术层面软文 **HTML5, NodeJS and Neural Networks: The tech behind MySam, an open source Siri** [http://www.devbattles.com/en/sand/post-1986-HTML5_NodeJS_and_Neural_Networks_The_tech_behind_MySam_an_open_source_Siri](http://www.devbattles.com/en/sand/post-1986-HTML5_NodeJS_and_Neural_Networks_The_tech_behind_MySam_an_open_source_Siri) 一个基于 Node 的 Web 版 Siri 实现原理介绍 **How I Hacked.info** [http://howihacked.info/?hn#/stories](http://howihacked.info/?hn#/stories) 收集各种 Hack 记录的文章 **如何评价 Angular 2 发布 Beta 版本** [http://www.zhihu.com/question/38571416/answer/77067217](http://www.zhihu.com/question/38571416/answer/77067217) [http://angularjs.blogspot.com/2015/12/angular-2-beta.html](http://angularjs.blogspot.com/2015/12/angular-2-beta.html) Angular2是一个重量级前端框架，明显比Vue重，作为全业务解决方案来说，大致和React整合了一堆东西之后在一个数量级。这么重的一个东西给谁用呢？两种场景：基于Web的企业应用，混合应用（包括桌面端和移动端）。 **从网易与淘宝的font-size思考前端设计稿与工作流** [http://www.html5cn.org/article-9159-1.html](http://www.html5cn.org/article-9159-1.html) 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题。 **[译]ANGULAR VS. EMBER VS. REACT 如何选择前端框架** [http://www.w3ctech.com/topic/1621](http://www.w3ctech.com/topic/1621) Angular， Ember 或 React 是比较安全的选择，因为他们背后都有长期有效的技术支持和活跃的开发者社区支持。那么哪一个才是最适合你的呢？让我们一起来看一看他们各自的最新版本都带来了些什么更好的新特性。 **[译]iOS 9，为前端世界都带来了些什么** [http://huangxuan.me/2015/12/15/ios9-safari-web/](http://huangxuan.me/2015/12/15/ios9-safari-web/) 3D Touch、分屏视图与响应式设计、Safari View Controller 与 Content Blocker 、新的 ES6/HTML5/CSS4 与 JS API... **伪随机数的妙用** [http://div.io/topic/1510](http://div.io/topic/1510) 大部分计算机上的伪随机数，并不是真正的随机数，只是重复的周期比较大的数列，是按一定的「算法」和「种子值」生成的。如果「随机数生成器」的「算法」和「种子值」相同，那么生成的「随机数序列」则是相同的，这就是「伪随机」的规律。 **Deep Speech 2: End-to-End Speech Recognition in English and Mandarin** [http://arxiv.org/abs/1512.02595](http://arxiv.org/abs/1512.02595) 百度硅谷研究院在语言识别方面的最新论文。 **说说下载劫持那些事儿** [http://mp.weixin.qq.com/s?__biz=MjM5ODg1NDI4OA==&mid=401692427&idx=1&sn=3bd3c717f2f6dc9b9d28fd83fd83cdd6&3rd=MzA3MDU4NTYzMw==&scene=6#rd](http://mp.weixin.qq.com/s?__biz=MjM5ODg1NDI4OA==&mid=401692427&idx=1&sn=3bd3c717f2f6dc9b9d28fd83fd83cdd6&3rd=MzA3MDU4NTYzMw==&scene=6#rd) 比较形象的介绍了DNS劫持和运营商劫持是怎么一回事 **百度网页搜索，规模大幅膨胀下的架构优化实践** [http://www.infoq.com/cn/presentations/baidu-web-search-architecture-optimization-practice](http://www.infoq.com/cn/presentations/baidu-web-search-architecture-optimization-practice) 分享了百度搜索架构中的经验 **[译]如何百倍加速 Lo-Dash？引入惰性计算** [http://www.jianshu.com/p/bf38666f6fea](http://www.jianshu.com/p/bf38666f6fea) 我一直以为像 Lo-Dash 这样的库已经不能再快了，毕竟它们已经足够快了。Lo-Dash 几乎完全混合了各种 JavaScript 奇技淫巧来压榨出最好的性能。惰性计算。但似乎我错了 - 其实 Lo-Dash 可以运行的更快。你需要做的是，停止思考那些细微的优化，并开始找出更加适用的算法。 **当讨论分布式系统时，我们都会讨论些什么** [http://dockone.io/article/898](http://dockone.io/article/898) 分布式系统是一个庞大的议题，每个子领域都有大量的研究。学习分布式系统知识，如果不分主次地随看随学，效果不会好。本文介绍了分布式系统的主要概念，适合作为分布式系统的入门指南。 **Should we decouple Drupal with a client-side framework?** [http://buytaert.net/should-we-decouple-drupal-with-a-client-side-framework](http://buytaert.net/should-we-decouple-drupal-with-a-client-side-framework) 继Wordpress.com 迁移到nodejs之后，Drupal 也有想法前后端都用JS实现。 **[swift-evolution] Proposal: Universal dynamic dispatch for method calls** [https://lists.swift.org/pipermail/swift-evolution/Week-of-Mon-20151207/001948.html](https://lists.swift.org/pipermail/swift-evolution/Week-of-Mon-20151207/001948.html) Chris 大神亲自回帖，讲述 Swift 的设计哲学，以及与 C，C++，JavaScript，Java，Go 等语言的对比，主要是从 Dynamic 和 Static 进行对比 **从 Nginx 默认不压缩 HTTP/1.0 说起** [https://imququ.com/post/why-nginx-disable-gzip-in-http10.html](https://imququ.com/post/why-nginx-disable-gzip-in-http10.html) 由于 HTTP/1.0 没有类似 HTTP/1.1 中新增的 Transfer-Encoding，于是如果默认开启gzip 的话则无法知道 Content-Length，这样便需要断开持久连接，即 gzip与keep-alive无法共存，因此针对HTTP/1.0，则还是得根据资源类型来决定是选择gzip还是keep-alive来减少流量。 **玩转 React Transition** [http://segmentfault.com/a/1190000004150178](http://segmentfault.com/a/1190000004150178) 文章通过分析ReactTransitionGroup的实现逻辑以及使用的一个demo来讲述如何玩转React Transition。 **Python 作为一门教学语言，应该退休了** [http://www.ituring.com.cn/article/209564#jtss-tsina](http://www.ituring.com.cn/article/209564#jtss-tsina) 在过去十年里，如果有人正在为初学者寻找一种编程语言的话，我的标准建议是 Python。但是现在，我的这个想法已经发生了变化。 **My favourite design articles 2015** [https://medium.com/@sjors/my-favourite-design-articles-2015-55c55dbccaa5#.foqxzqdyx](https://medium.com/@sjors/my-favourite-design-articles-2015-55c55dbccaa5#.foqxzqdyx) 设计领域的文章推荐 ## 新鲜货 **ThoughtWorks读书雷达（2016）** [http://insights.thoughtworkers.org/reading-radar-2016/](http://insights.thoughtworkers.org/reading-radar-2016/) 另附：极客邦教育StuQ推出的技能图谱 [https://github.com/TeamStuQ/skill-map](https://github.com/TeamStuQ/skill-map) **明哥 JS - 惊现江湖** [https://github.com/drduan/minggeJS](https://github.com/drduan/minggeJS) 继优秀作品shearphoto截图插件，本人又再推出国产山寨JQUERY，为什么我要开发一个山寨JQUERY？...我给了他一个霸气的名字：MingGeJs。赞作者的情怀。 **Primer: The CSS Toolkit and Guidelines that Power GitHub** [https://github.com/primer/primer](https://github.com/primer/primer) Primer is the CSS toolkit that powers GitHub's front-end design **An Automatically Playing 3D Snake Game using WebGL** [http://mhluska.com/projects/snakeception/](http://mhluska.com/projects/snakeception/) 一款基于 WebGL 的3D版贪吃蛇 **Single Element Pure CSS MacBook Pro** [http://codepen.io/anon/pen/eJJLVp](http://codepen.io/anon/pen/eJJLVp) 一个用纯CSS制作的 iMac 图案，因此很多使用iMac的PNG图片的地方都可以用它来代替。 **node-letsencrypt** [https://github.com/Daplie/node-letsencrypt](https://github.com/Daplie/node-letsencrypt) Node 版本的 Let's Encrypt **Wetty - Terminal over HTTP and HTTPS** [https://github.com/krishnasrinivas/wetty](https://github.com/krishnasrinivas/wetty) Wetty is an alternative to ajaxterm/anyterm but much better than them because wetty uses ChromeOS' terminal emulator (hterm) which is a full fledged implementation of terminal emulation written entirely in Javascript. Also it uses websockets instead of Ajax and hence better response time. 另附几个相关资源： - JQuery Terminal Emulator [http://terminal.jcubic.pl/](http://terminal.jcubic.pl/) - [https://github.com/rabchev/web-terminal](https://github.com/rabchev/web-terminal) - [https://github.com/chjj/tty.js](https://github.com/chjj/tty.js) **Reality Editor** [http://www.realityeditor.org/](http://www.realityeditor.org/) MIT 出的设备控制器，需要是基于 Open Hybrid 的设备 **Extended Memory Semantics** [https://github.com/syntheticsemantics/ems](https://github.com/syntheticsemantics/ems) 让 Node 支持采用共享内存的多线程编程模型，从而提升并行处理能力 **treed** [https://github.com/jaredly/treed](https://github.com/jaredly/treed) 树形编辑器，不过功能和我们的脑图还有不少差距 [https://github.com/fex-team/kityminder-core](https://github.com/fex-team/kityminder-core) **Kinto** [http://kinto.readthedocs.org/en/latest/index.html](http://kinto.readthedocs.org/en/latest/index.html) 一个 JSON 同步服务，不过它在解决冲突上做得还比较简单 **Subresource Integrity** [http://www.w3.org/TR/2015/CR-SRI-20151112/#goals](http://www.w3.org/TR/2015/CR-SRI-20151112/#goals) Subresource Integrity 的支持，通过MD5 Hash 的方式来判断在DNS中自己请求的静态资源是否被修改或者替换，从而实现防止DNS劫持等效果。 **Angular 2 Beta** [http://angularjs.blogspot.com/](http://angularjs.blogspot.com/) Angular 2 虽然看起来清晰很多，但目前第三方库还很欠缺，不建议使用。 **jsweet** [http://www.jsweet.org/](http://www.jsweet.org/) 将 Java 编译为 JavaScript/TypeScript 的工具，号称比 GWT 功能多 **gridly** [https://github.com/IonicaBizau/gridly](https://github.com/IonicaBizau/gridly) 一款超轻量级的网格布局的样式库，支持自适应。 **Top 9 Animation Libraries to Use in 2016** [http://www.sitepoint.com/top-9-animation-libraries-use-2016](http://www.sitepoint.com/top-9-animation-libraries-use-2016) 9款用于Animation的不错的CSS或JS库，良心干货。 **免费可商用！帮你在线快速生成音乐素材的Jukedeck** [http://www.uisdc.com/online-music-asset-jukedeck](http://www.uisdc.com/online-music-asset-jukedeck) 本文要介绍的 Jukedeck 是一个由音乐家与工程师组成的团队开发，让创作者能够更简单获取他们用于影片或其他项目上的背景音乐，特别的是 Jukedeck 并不是一个音乐素材库，而是透过人工智能（Artificial Intelligence, AI）技术，在短时间内建立出独特且可免费使用、无版权限制的音乐音效。 **gridster.js** [http://gridster.net/](http://gridster.net/) 一款用于搭建简单的可拖拽网格化布局的jQuery插件。 **http2讲解** [http://http2-explained.haxx.se/content/zh/](http://http2-explained.haxx.se/content/zh/) 一篇详细讲解HTTP/2的文档，主要内容包括该协议的背景、思想、协议本身的内容、对一些现有实现的探讨与对协议未来的展望。 **Ninja - web framework** [https://github.com/ninjaframework/ninja](https://github.com/ninjaframework/ninja) Ninja is a full stack web framework for Java. Rock solid, fast and super productive. **雅虎宣布将 Web 爬虫工具 Anthelion 开源** [https://github.com/yahoo/anthelion](https://github.com/yahoo/anthelion) 雅虎宣布开源了自家的网页爬虫工具 —— Anthelion,Anthelion 是雅虎用来爬取 HTML 中的语法结构数据的网络爬虫,其地位甚至高于雅虎的许多其他的核心应用。 **debugCSS : (X)HTML debugging tool built with CSS** [http://yahoo.github.io/debugCSS/](http://yahoo.github.io/debugCSS/) 一个在已经存在的页面中高亮出一些不正确或者过时的CSS样式，并给出对应解释。 ## 产品及其它 **在创业公司做运营的正确心态** [http://www.gupowang.com/news/2389.html](http://www.gupowang.com/news/2389.html) 其实不仅仅是运营，很多岗位都需要这样的心态，此外，在初期当你迷茫或者无法做出什么改变的时候，可以先正确的做事，对这个领域有一定了解之后再去选择去做正确的事。 **《优秀的叛逆者》引领组织变革的力量** [http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=400957713&idx=1&sn=f4fb29f5c692bed010d24c72f7bec3bb](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=400957713&idx=1&sn=f4fb29f5c692bed010d24c72f7bec3bb) 作为叛逆者，很多人的脑海里浮现的可能是「难于管理」的人。书里第一句正文解释：优秀的叛逆者只做卓越的工作。只是绝大多数叛逆者不够优秀。 **TOMInsight-匿名背后的故事：虚拟世界本质** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404316839&idx=1&sn=ba92384875c61c6775756c3c30032ece](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404316839&idx=1&sn=ba92384875c61c6775756c3c30032ece) 互联网匿名机制。仿佛一个平行的世界能让我们重新开始，构建着这个没有边界的虚拟世界。 **再次写给我们这些浮躁的程序员** [http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401001696&idx=1&sn=872579e15c03232ca71aa4f110266819](http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401001696&idx=1&sn=872579e15c03232ca71aa4f110266819) 这篇文章是写给我们这些刚入行浮躁的程序员，如何成长，以下是列出了一些成长的心得，我们不必每条都去实践，但是优秀的程序员成长过程中总会实践里面的几条。 **打造下一个微信？不如寻找“社交产品”的新模式** [http://mp.weixin.qq.com/s?__biz=MjAzNzMzNTkyMQ==&mid=402557633&idx=1&sn=b86f748a5dd68ba61d76648e32ddad54](http://mp.weixin.qq.com/s?__biz=MjAzNzMzNTkyMQ==&mid=402557633&idx=1&sn=b86f748a5dd68ba61d76648e32ddad54) 社交的价值，不仅仅在于聊天，而在于共鸣。

## 深阅读 **Compiling to WebAssembly: It’s Happening!** [https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/](https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/) 关注 WebAssembly 的最新进展情况。 **2015前端生态发展回顾** [https://github.com/kuitos/kuitos.github.io/issues/32](https://github.com/kuitos/kuitos.github.io/issues/32) 编程技术及生态发展的三个阶段 * 最初的时候人们忙着补全各种API，代表着他们拥有的东西还很匮乏，需要在语言跟基础设施上继续完善 * 然后就开始各种模式，标志他们做的东西逐渐变大变复杂，需要更好的组织了 * 然后就是各类分层MVC，MVP，MVVM之类，可视化开发，自动化测试，团队协同系统等等，说明重视生产效率了，也就是所谓工程化 处在2015年这个时间段来看，前端生态已经进入了第三阶段。看上去好像已经走的挺远了，实则不然。如果再用人类历史上的三次工业革命来类比，前端发展其实不过刚刚迈入了蒸汽机时代，开始逐步用工具来替代过往相当一部分的人肉作业，但是离电气时代的自动化流水线作业还有很长一段路要走。 **像 FEX 这样的纯技术研发团队是如何在内部推进的** [http://www.zhihu.com/question/38741226](http://www.zhihu.com/question/38741226) 作为一个技术驱动、企业化运作的前端团队，FEX 可以说是一个神奇的存在，其运作模式和发展历程对打造前端团队非常有参考价值。对这个话题，FEX 两位负责人以及团队成员各自发表了看法，信任、务实＋专注、在合适的时候做合适的事情这几点相当重要。 **HTTP 2.0 and QUIC - protocols of the (near) future** [http://2014.jsconf.eu/speakers/iliyan-peychev-http-20-and-quic-protocols-of-the-near-future.html](http://2014.jsconf.eu/speakers/iliyan-peychev-http-20-and-quic-protocols-of-the-near-future.html) [https://www.chromium.org/quic](https://www.chromium.org/quic) [https://en.wikipedia.org/wiki/QUIC](https://en.wikipedia.org/wiki/QUIC) 与一位同事研究 Google Docs 时发现 Google 已经大范围使用 QUIC 协议，分享一些相关资料。V8、SPDY、Chrome、Blink，Google 这种追求极致的精神已经从底层优化性能的方式让人敬佩。 **Vue.js: 2015 in Review** [http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/](http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/) [http://segmentfault.com/a/1190000004200486](http://segmentfault.com/a/1190000004200486) The year of 2015 has been a pretty crazy ride for Vue.js. The project has grown way beyond my expectations, so I’d like to take a look back and put things in perspective. **使用高阶函数实现类的扩展设计** [http://efe.baidu.com/blog/use-high-order-functions-for-extensions/](http://efe.baidu.com/blog/use-high-order-functions-for-extensions/) 在不少框架中，都会对“扩展”这一概念有需求。所谓扩展，即一个可组合的组件，用于嵌入到目标的生命周期中，对目标的行为进行额外的处理使得目标拥有不同的表现。一个非常简单的案例即日志的记录。通常框架自身并不会有业务相关的日志记录的功能，而业务代码也不希望混入并非业务逻辑的日志记录部分。那么使用一个扩展，在合适的点进行日志的收集和存储是很合适的设计。 **Angular2与React，前端的未来志向何方** [https://www.zhihu.com/question/38576309](https://www.zhihu.com/question/38576309) 目测，这个话题明年仍是热点。 **WebGL技术储备指南** [http://taobaofed.org/blog/2015/12/21/webgl-handbook/](http://taobaofed.org/blog/2015/12/21/webgl-handbook/) WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物，花点时间整理出来与大家分享。 **Why I'm not using your open source project** [https://www.nczonline.net/blog/2015/12/why-im-not-using-your-open-source-project/](https://www.nczonline.net/blog/2015/12/why-im-not-using-your-open-source-project/) 说到开源, 也许你会想到, Apache, PHP, MySQL, Hadoop这些成功的案例, 但是这篇文章有点不同看法: "Most open source projects are crap, and you need to be careful which ones you use. **Deep Learning in a Nutshell: History and Training** [http://devblogs.nvidia.com/parallelforall/deep-learning-nutshell-history-training/](http://devblogs.nvidia.com/parallelforall/deep-learning-nutshell-history-training/) 深度学习的发展历史。 **Neon: Node + Rust =** [http://calculist.org/blog/2015/12/23/neon-node-rust/](http://calculist.org/blog/2015/12/23/neon-node-rust/) 使用 Rust 来编写 Node 扩展 **作为 HTTPS 的骨灰粉，怎么可以不加入 HSTS 预载入列表** [https://linux.cn/article-6754-1.html](https://linux.cn/article-6754-1.html) 强制走 HTTPS，彻底解决劫持问题 **Grid, Flexbox, Box Alignment: Our New System for Layout** [https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/](https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/) In this article, I’m going to take a look at the common features of our new layout systems, along with a couple of examples which serve to highlight the differences between them. **手机淘宝移动端接入网关基础架构演进之路** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401920358&idx=1&sn=d847254bf1f21b94e771eacbdb5b3128](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401920358&idx=1&sn=d847254bf1f21b94e771eacbdb5b3128) 网络请求体验跟用户的购买行为息息相关，手机淘宝从过去的HTTP API网关，到2014年升级支持SPDY，2015年双十一自研高性能、全双工、安全的ACCS（阿里云通道服务)扛住双十一战场主要流量，无论是基础架构的演进、网络调优、协议的优化、异地多活、网络调度上都有不少宝贵的经验。 **京东技术架构之构建需求响应式亿级商品详情页** [http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=404554543&idx=2&sn=f9c71cdb5249e7f1f7134383fbf0bae8](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=404554543&idx=2&sn=f9c71cdb5249e7f1f7134383fbf0bae8) 详细介绍了京东商品详情页的技术演变，很有参考意义。 **Java工程师成神之路~** [http://www.hollischuang.com/archives/489](http://www.hollischuang.com/archives/489) 哪位大侠来一个 JavaScript 工程师成神之路 **为什么你招聘不到程序员，以及软件如何定义现实世界** [http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=401557388&idx=1&sn=c2f6e190876093261686ac8f2c18483d](http://mp.weixin.qq.com/s?__biz=MjM5MTE4Nzk1NA==&mid=401557388&idx=1&sn=c2f6e190876093261686ac8f2c18483d) 文中这个观点不错：软件正在定义现实世界、软件帮助人们重新定义社会规则。 **Why everything should have a URL** [http://ben.balter.com/2015/11/12/why-urls/](http://ben.balter.com/2015/11/12/why-urls/) Github 内部的最佳实践，所有东西都有 URL，这个想法非常不错。 ## 新鲜货 **GitLab 8.3 released with Auto-merge and GitLab Pages** [https://about.gitlab.com/2015/12/22/gitlab-8-3-released/](https://about.gitlab.com/2015/12/22/gitlab-8-3-released/) You can now merge automatically after a build has passed, we’re introducing GitLab Pages for Enterprise Edition, and issues have new powers in both CE and EE! **Nuwa** [https://github.com/jasonross/Nuwa](https://github.com/jasonross/Nuwa) 一个 Android 热更新库，在作者博客上还介绍了发展过程 [http://jiajixin.cn/2015/12/16/nvwa/](http://jiajixin.cn/2015/12/16/nvwa/) **Parse** [http://parseplatform.github.io/](http://parseplatform.github.io/) Parse 的开源项目集，主要是一些 Parse 自己特定的 SDK 和组件。 **Yahoo** [https://github.com/yahoo/anthelion](https://github.com/yahoo/anthelion) 雅虎开源的 Nutch 爬虫插件。 **有了 tldr，妈妈再也不用担心我记不住命令了** [http://codingstyle.cn/topics/26](http://codingstyle.cn/topics/26) 介绍了一个工具：tldr。它的意思是「Too long, Don't read」，翻译成中文就是：「太长不读」。我们可以使用man或者--help来查看特定命令的用法，但读起来效率很低。tldr 根据「二八原则」原理，将命令的常用「场景」给出示例，让人一看就懂。 **is-utf8** [https://github.com/wayfind/is-utf8](https://github.com/wayfind/is-utf8) 淘宝 UED 某人写了一个 Node.js 的库叫 is-utf8，裡面有一个包含中文的测试文件。这个库被当今最流行的 ES6 编译工具 Babel 依赖，所以这个文件已被无数前端工程师下载过。 **圣诞节，把网站所有的js代码都压缩成圣诞树吧** [http://zhuanlan.zhihu.com/yutou/20439979](http://zhuanlan.zhihu.com/yutou/20439979) [https://github.com/xinyu198736/js2image](https://github.com/xinyu198736/js2image) js2image 是一个可以把js源代码压缩成一个ascii字符画的源代码的工具，它的特色是压缩后的代码仍可运行，而不是简单的拼成最终的图案。 **Node v4.2.4 (LTS)** [https://nodejs.org/en/blog/release/v4.2.4/](https://nodejs.org/en/blog/release/v4.2.4/) **Awesome** [https://github.com/sindresorhus/awesome](https://github.com/sindresorhus/awesome) A curated list of awesome lists **A-Frame** [https://github.com/aframevr/aframe](https://github.com/aframevr/aframe) [https://aframe.io/](https://aframe.io/) Use markup to create VR experiences that work across desktop, iPhones, and the Oculus Rift. Building blocks for the VR Web. - Virtual Reality: Drop in the library and have a WebVR scene within a few lines of markup. - Based on the DOM: Manipulate with JavaScript, use with your favorite libraries and frameworks. - Entity-Component System: Use the entity-component system for better composability and flexibility. **阿里云100%兼容MongoDB的云数据库AliCloudDB for MongoDB公测** [http://www.aliyun.com/act/aliyun/alicloddb.html](http://www.aliyun.com/act/aliyun/alicloddb.html) **VisUAL** [http://salmanarif.bitbucket.org/visual/index.html](http://salmanarif.bitbucket.org/visual/index.html) 可视化学习 ARM 开发的模拟器 **Perl 6** [https://perl6advent.wordpress.com/](https://perl6advent.wordpress.com/) Perl 6 终于发布了，居然历时 15 年，错过了好多机会，不过 Perl 6 不向下兼容，语法上做了大量改进，还起了个日文名字 rakudo **Laravel 5** [https://jellybool.com/](https://jellybool.com/) 很不错的Laravel 5中文教程 **qiciengine** [https://github.com/qiciengine/qiciengine](https://github.com/qiciengine/qiciengine) 国产的一个开源 HTML5 游戏引擎。 **Real-time GIF images** [https://github.com/ErikvdVen/php-gif](https://github.com/ErikvdVen/php-gif) ## 产品及其它 **我为什么离开Airbnb?** [http://mp.weixin.qq.com/s?__biz=MzA4ODM1MTMzMQ==&mid=402670379&idx=3&sn=5e49aa5993a2733c9bb803d82a471049](http://mp.weixin.qq.com/s?__biz=MzA4ODM1MTMzMQ==&mid=402670379&idx=3&sn=5e49aa5993a2733c9bb803d82a471049) 还有一个反击文[我为什么不会离开Airbnb](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=401870912&idx=1&sn=f6b7c514df1bf6594e167cde2477c46d)，文章背后是对工作和生活的思考，每个人在不同时间点的答案都不同，但这两点非常重要：不忘初心并且相信一切最后都会好起来。其实，将时间维度拉长，每个员工都会在某个时刻离开一个公司的，重要的是在这个公司的这段时间内，你带来什么、留下来什么、带走了什么。 **SpaceX 猎鹰九火箭一级回收成功** [http://video.weibo.com/show?fid=1034:bb41d666c1c021161db4b5ffeefe2126](http://video.weibo.com/show?fid=1034:bb41d666c1c021161db4b5ffeefe2126) 马斯克堪称神级人物，PayPal、Tesla、SpaceX、SolarCity，技术的力量。相关讨论：[马斯克与乔布斯 谁更厉害](http://mp.weixin.qq.com/s?__biz=MzA3Mjc3NTQxMQ==&mid=401155364&idx=1&sn=669dc78f1c006f960b47c1212a4f4272) **77页PPT带你了解UCloud 357%增长背后的产品逻辑** [http://weibo.com/p/1001603923227016600532](http://weibo.com/p/1001603923227016600532) 2015年12月22日，UCloud Think in Cloud2015大会上，UCloud就成长数据、行业解决方案及新品、生态构建和2016年产品路线图规划向与会者阐述了UCloud 2015年的产品回顾和2016年的产品展望。 **活在一个注定失败的创业公司里，这 400 天来我的思考** [http://36kr.com/p/5041472.html](http://36kr.com/p/5041472.html) 泛崎科技"CEO，用自己的血泪史和我们分享创业中那些 “天时地利人和” 真的缺一不可。 **专访｜大搜车前端负责人@芋头君** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401387968&idx=1&sn=a2762cc59a40f1ee8ce216bad0c2e347](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401387968&idx=1&sn=a2762cc59a40f1ee8ce216bad0c2e347) 芋头君总结的这几点非常赞：保持好奇心、持续专注、多看多读、多总结多思考。 这篇文章总结了 [伟大程序员的10个特质](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=400951261&idx=3&sn=c115bd591cb51db9c80b4c923e2469d6) 可以对照着看。另附：[前端早读课的专访汇总](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401413108&idx=1&sn=bde37d7d000b7ca27bbb29f49ba0a563) **论 Google 和 Facebook 资深产品经理的自我修养（上）** [http://36kr.com/p/5041378.html](http://36kr.com/p/5041378.html) 前 Gmail 产品经理的个人总结。

## 业界会议 **Node 地下铁沙龙 - 生产环境中的 Node.js** [http://nodejs.club/](http://nodejs.club/) 在北京的同学感兴趣的话可以去参加。 **百度技术沙龙：纵谈前端接入技术、SEO和安全运维-2016.01.16** [http://form.mikecrm.com/f.php?t=LQNUpG](http://form.mikecrm.com/f.php?t=LQNUpG) Golang在Baidu-FrontEnd的应用、百度搜索速度优化、百度HTTPS接入安全，几个话题相当不错，感兴趣的同学可以参加。 ## 深阅读 **前端论战-vue、react和angular 2.x谁是2016年的主流** [https://www.zhihu.com/question/38989845](https://www.zhihu.com/question/38989845) 其实最关键的是：你的业务场景以及团队适合用什么。相关话题: * 关于『真阿当』对目前流行前端技术的批判 [https://www.zhihu.com/question/38924821](https://www.zhihu.com/question/38924821) * Winter - 我眼中的前端框架jQuery，Angular，React，Vue——以及我看前端架构[http://weibo.com/p/1001603924826640228007](http://weibo.com/p/1001603924826640228007) * 关于前端工具变化过快的讨论 [https://www.zhihu.com/question/34449620](https://www.zhihu.com/question/34449620) * 我感觉到的前端变化 [http://bbear.me/wo-suo-gan-jue-dao-de-qian-duan-bian-hua/](http://bbear.me/wo-suo-gan-jue-dao-de-qian-duan-bian-hua/) **近几年前端技术盘点以及 2016 年技术发展方向** [http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/](http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/) 从 12 年底开始接触前端，12 年之前的前端发展情况只能从上一辈的笔触中领会。本文会盘点从 09 年开始到 15 年间前端技术的革新，同时也会从多个角度，解读近几年前端技术发展的潜在因素，其中穿插了若干对前端演进的拙见，难免会有错误和疏漏，望读者可以补充和斧正。 **技术工程师成长之其中一道** [http://www.baidufe.com/item/c48cdd8e24e5ace8cef2.html](http://www.baidufe.com/item/c48cdd8e24e5ace8cef2.html) 近来有业内朋友与我讨论一些工作方法，聊得碎了些，今天闲来无事，索性再用文字的方式，简单描述一下我的工作方法（Alien style）。当然，每个工程师都有自己的独特的成长之道，所以，本文标题拟为其中之一道。非常实在的一篇文章，从如何做工程师 -> 如何做技术 Leader 结合自身经历分享了过往经验。 **成功团队的秘密** [http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=401145082&idx=1&sn=435b3d2329e328c10bb9cd854bdca9ac#rd](http://mp.weixin.qq.com/s?__biz=MzA5NDY0ODkxNA==&mid=401145082&idx=1&sn=435b3d2329e328c10bb9cd854bdca9ac#rd) 一支高效的团队有以下 5 个核心特征： 1. 心理安全感：能否让大家在团队中感到安全及不尴尬。 2. 工作信赖度：是否能依靠其他人「准时高质」的工作。 3. 工作结构化与目标明确：目标、个体角色及执行计划清晰。 4. 工作的意义：个人工作对团队彼此的意义。 5. 工作影响力：从内心中相信工作的价值。 **12 resolutions for programmers** [http://matt.might.net/articles/programmers-resolutions/](http://matt.might.net/articles/programmers-resolutions/) It's important for programmers to challenge themselves. Creative and technical stagnation is the only alternative. In the spirit of the new year, I've compiled twelve month-sized resolutions. Each month is an annually renewable technical or personal challenge. **解读2015** 前端篇：工业时代 野蛮发展 [http://www.infoq.com/cn/articles/2015-review-frontend](http://www.infoq.com/cn/articles/2015-review-frontend) Android篇：横向扩张、平稳发展 [http://www.infoq.com/cn/articles/2015-review-android](http://www.infoq.com/cn/articles/2015-review-android) **我的创业应该是场舒心的长跑** [http://weibo.com/p/1001603926308043250338](http://weibo.com/p/1001603926308043250338) 一年半了，我离开阿里，加入最时髦的创业大军。经历一次次如过山车一般的高潮和低谷。最后融资烧完，项目黄了。就像信心满满地去健身中心半了卡，却并没有炼成一身傲人的肌肉。创业真实经理，非常实在，值得已在已经正在创业之路的兄弟们参考。 **[译]前端们，2016你有啥目标** [http://www.w3ctech.com/topic/1660](http://www.w3ctech.com/topic/1660) 马上就2016年了，现在是为新年计划新目标的最好时候。我们问了一圈周围的Web开发大牛，今天就在这里分享一下他们的新年目标。 **[译]MySQL Backup in Facebook** [http://cenalulu.github.io/mysql/how-we-do-mysql-backup-in-facebook/](http://cenalulu.github.io/mysql/how-we-do-mysql-backup-in-facebook/) Facebook的MySQL备份形式可能会让你感到有些许惊讶。我们所有的Production MySQL数据都使用mysqldump进行逻辑备份。另附：[Facebook是如何做自动化测试的](http://mp.weixin.qq.com/s?__biz=MjM5MzA0OTkwMA==&mid=401738982&idx=1&sn=63a76276c00a5f499aaeb8e5b4b5411e) **Which Programming Languages Are Functional?** [http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html](http://blog.jenkster.com/2015/12/which-programming-languages-are-functional.html) In part one of this post, I defined functional programming not from an academic perspective, or a marketing one, but in a way that will make sense to a jobbing programmer. More importantly, I hope, I defined what side-effects are in a way that makes it easy for a jobbing programmer to spot them before they spiral out of control. **The future of bundling JavaScript modules** [http://www.2ality.com/2015/12/bundling-modules-future.html](http://www.2ality.com/2015/12/bundling-modules-future.html) This blog post examines how the bundling of modules is affected by two future developments: HTTP/2 and native modules. **2016 will be the year of concurrency on the web** [https://medium.com/@cramforce/2016-will-be-the-year-of-concurrency-on-the-web-c39b1e99b30f](https://medium.com/@cramforce/2016-will-be-the-year-of-concurrency-on-the-web-c39b1e99b30f) Since 2009 JavaScript programming on the web has a way to write concurrent programs using shared-nothing threads: Web Workers. But beyond some specialized use cases (e.g. Google Photos uses them for running some filters that need a lot of CPU) they haven’t seen any mainstream adoption. This will change in 2016. **Start your own JavaScript library using webpack and ES6** [http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6](http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6) Two months ago I published a starter pack for React based on webpack. Today I found out that I need almost the same thing but without the React bit. This simplifies the setup but there are still some tricky parts. So, I made a brand new repository webpack-library-starter and placed all the stuff that we need for creating a JavaScript library. **[译] Git 学习圣经《Pro Git 2nd》** [http://git-scm.com/book/zh/v2](http://git-scm.com/book/zh/v2) **CSS Still Sucks 2015** [http://huangxuan.me/css-sucks-2015/#/](http://huangxuan.me/css-sucks-2015/#/) 都 2015 年了，CSS 怎么还是这么糟糕？)，一起聊聊 CSS 比 JS 还蛋疼的工程化历程... **Simple (Yet Powerful) JavaScript Tips** [http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/](http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/) I provide you with 12 simple, yet powerful, JavaScript tips and detailed explanation of each. These are techniques that all JavaScript programmers can use now; you needn’t be an advanced JavaScript developer to benefit from these tips. After you read all of the detailed explanations of how each technique works and when to use it, you will have become a more enlightened JavaScript developer, if you aren’t already one. **Starters and Maintainers** [http://jlongster.com/Starters-and-Maintainers](http://jlongster.com/Starters-and-Maintainers) 作者做开源项目的一些心得。 **TOMsInsight - 在改变中坚持的我们** [http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404888948&idx=1&sn=d24c7c70c5b75c2be464e82cf56fbeeb](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=404888948&idx=1&sn=d24c7c70c5b75c2be464e82cf56fbeeb) 让我们怀着一颗敬畏的心，回归成最终的互联网用户，和那些几亿名普普通通的网民站在一起。对最普通的互联网用户来说，2015年，又有什么是最重要的改变呢，我们接下来去分析洞察。 **一种基于动态插件系统的移动测试黑科技** [http://mp.weixin.qq.com/s?__biz=MzAwNTI4NzIxMQ==&mid=401273258&idx=1&sn=3fcb88a9681f55209fc240064965c5bc](http://mp.weixin.qq.com/s?__biz=MzAwNTI4NzIxMQ==&mid=401273258&idx=1&sn=3fcb88a9681f55209fc240064965c5bc) 移动APP插件化是平台化产品解决系统限制(65535)、模块解耦和多团队协作的利器。它的最大特点是模块动态下发，给产品带来的收益显而易见。但是，在百度，这套系统给移动端测试技术带来了一种移动端线上问题定位的新思路。 **How to deploy your node app on Linux, 2016 edition** [https://certsimple.com/blog/deploy-node-on-linux](https://certsimple.com/blog/deploy-node-on-linux) 在 Linux 上部署 node 应用的最佳实践 **WebSockets, caution required!** [https://samsaffron.com/archive/2015/12/29/websockets-caution-required](https://samsaffron.com/archive/2015/12/29/websockets-caution-required) 吐槽 WebSockets 的各种问题，值得参考 **孤独的航海家：章亦春的OpenResty和它的贡献者们** [http://www.pingwest.com/openresty/](http://www.pingwest.com/openresty/) ## 新鲜货 **JavaScript Weekly 2015 年度最佳文章** [http://javascriptweekly.com/issues/264](http://javascriptweekly.com/issues/264) **码农增刊·硅谷之火** [http://www.ituring.com.cn/book/1788](http://www.ituring.com.cn/book/1788) 美国硅谷，这是一个有故事的地方。 个人计算机、扎克伯格、风险资本…… 讲述百年硅谷的发展史，为你解说 **ParparVM** [https://github.com/codenameone/CodenameOne/tree/master/vm](https://github.com/codenameone/CodenameOne/tree/master/vm) 又一个能在 iOS 上运行 Java 的虚拟机。 **nearley** [http://nearley.js.org/](http://nearley.js.org/) 基于 Node 实现文本解析的库。 **octopi.js** [http://eugene-eeo.github.io/octopi/](http://eugene-eeo.github.io/octopi/) 自动完成 **jumpserver** [https://github.com/ibuler/jumpserver](https://github.com/ibuler/jumpserver) 开源跳板机 **OS.js** [http://os.js.org/](http://os.js.org/) [https://github.com/andersevenrud/OS.js-v2](https://github.com/andersevenrud/OS.js-v2) JavaScript 写的桌面，居然这年头还有人写这个 **node-os - the first operating system powered by npm** [https://node-os.com/](https://node-os.com/) [https://github.com/nodeos/nodeos](https://github.com/nodeos/nodeos) [http://os.ctocio.com.cn/279/13655279.shtml](http://os.ctocio.com.cn/279/13655279.shtml) NodeOS is an operating system build entirely in Javascript and managed by npm. Any package in npm is a NodeOS package, which at last count was 206,609 packages. The goal of NodeOS is to provide just enough to let npm provide the rest. Since anyone can contribute to npm, anyone can create NodeOS packages. **madoko** [https://www.madoko.net/](https://www.madoko.net/) 微软出的 Markdown 编辑器和渲染库，做了很多扩展，有更好的支持引用、公式、图片等，表达能力非常强，很适合用来写论文等专业文档 **Linux 竟然还能这么玩** [http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401188104&idx=2&sn=e24b44a84c76c59cb9cc9c44855c883a](http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=401188104&idx=2&sn=e24b44a84c76c59cb9cc9c44855c883a) 原来 linux 还可以这么好玩，长见识了。 **酒后谈IT，那些术语大妈都能秒懂** [http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=401155270&idx=1&sn=d03e5619a5ffde3f07c6f6a414bed42d](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=401155270&idx=1&sn=d03e5619a5ffde3f07c6f6a414bed42d) 果然能做到秒懂，以后可以用做向不懂技术的合作伙伴这样去类比。 **深入浅出ES6** [http://www.infoq.com/cn/minibooks/ES6-in-Depth](http://www.infoq.com/cn/minibooks/ES6-in-Depth) 只是想说：在 2016 年，ES 已经是必备技能了，还不熟的同学赶紧恶补并实践吧。 **React.js Boilerplate** [https://github.com/mxstbr/react-boilerplate](https://github.com/mxstbr/react-boilerplate) Quick setup for new performance orientated, offline–first React.js applications featuring Redux, hot–reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha. **Emmet LiveStyle** [http://livestyle.io/](http://livestyle.io/) LiveStyle. The first bi-directional real-time edit tool for CSS, LESS and SCSS. **Favorite hacks of 2015** [https://code.facebook.com/posts/1002919753099339/favorite-hacks-of-2015/](https://code.facebook.com/posts/1002919753099339/favorite-hacks-of-2015/) 2015 年 Facebook hackathons 上有意思的项目 **Fabricator** [https://fbrctr.github.io/](https://fbrctr.github.io/) 创建自己 UI 规范的 HTML 模板 **不可错过的javascript迷你库** [http://yanhaijing.com/js/2015/12/29/mini-js-lib/](http://yanhaijing.com/js/2015/12/29/mini-js-lib/) ## 产品及其它 **李彦宏：梦想与命运** [http://mp.weixin.qq.com/s?__biz=MjM5MjE5ODA4MA==&mid=402183793&idx=1&sn=2d45c43f3b6ac0bc17ee7f67d9c36e3a](http://mp.weixin.qq.com/s?__biz=MjM5MjE5ODA4MA==&mid=402183793&idx=1&sn=2d45c43f3b6ac0bc17ee7f67d9c36e3a) 对：性格与命运、梦想与命运、眼界与命运的解读相当精辟。每个人都应该心中有梦，有胸怀祖国的大志向，找到自己的梦想，认准了就去做，不跟风不动摇。同时，我们不仅仅要自己有梦想，你还应该用自己的梦想去感染和影响别人，因为成功者一定是用自己的梦想去点燃别人的梦想，是时刻播种梦想的人。 **理想的程序员** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401453296&idx=1&sn=bb19d2cb20a35525b87069752fa57b8f](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401453296&idx=1&sn=bb19d2cb20a35525b87069752fa57b8f) 理想的程序员与平庸的程序员只有一墙之隔：专注眼下、思考力与推动力、Never Say No、投资未来、善用工具、管理时间 **中科院昆明植物研究所标本馆 Kingdonia 数据中心·标本子库正式公测** [http://db.kun.ac.cn/](http://db.kun.ac.cn/) 本次入库的第一批数据，包含 KUN 馆藏的种子植物、苔藓植物标本 801148 份。页面挺高大上的，赞一个。 **在 PPTV 摸爬滚打了十年，终于学会怎么做一个好的产品经理** [http://36kr.com/p/5041591.html](http://36kr.com/p/5041591.html) PPTV 创始团队成员的个人心得 **逐梦时代，魅族M8背后的那三年** [http://weibo.com/p/1001603926154653362825](http://weibo.com/p/1001603926154653362825) 魅族转型做手机背后的故事，写得不错 **说说 Facebook Mentions 和实时直播背后的故事** [http://36kr.com/p/5041682.html](http://36kr.com/p/5041682.html) 主要偏向产品设计的介绍，要是能多点技术细节就好了

## 业界 **CES2016 - 国际消费电子展** [http://digi.tech.qq.com/zt2015/CES2016/index.htm](http://digi.tech.qq.com/zt2015/CES2016/index.htm) 可以关注一下一些新鲜玩意。VR 今年最受关注。 ## 深阅读 **The DCI Architecture: A New Vision of Object-Oriented Programming** [http://www.artima.com/articles/dci_vision.html](http://www.artima.com/articles/dci_vision.html) Object-oriented programming was supposed to unify the perspectives of the programmer and the end user in computer code: a boon both to usability and program comprehension. While objects capture structure well, they fail to capture system action. DCI is a vision to capture the end user cognitive model of roles and interactions between them. MVC 的创始人从思想源头分析了OO 及 MVC 的本质及其缺陷，并提出一种新的架构模式来解决它们存在的问题，对理解 GUI、OO、MVC 非常有帮助。 **2015 HackerNews 的最佳文章 Top 50** [https://medium.com/swlh/best-of-2015-pfffffffft-79d9b014f4de#.vo36np14t](https://medium.com/swlh/best-of-2015-pfffffffft-79d9b014f4de#.vo36np14t) [http://www.labazhou.net/2016/01/the-50-best-hackernews-posts-ever/](http://www.labazhou.net/2016/01/the-50-best-hackernews-posts-ever/) 干货满满。作者通过数据评价好文章的方式也值得学习 **fis3初步学习体验** [http://www.alloyteam.com/2016/01/fis3-preliminary-learning-experiences/](http://www.alloyteam.com/2016/01/fis3-preliminary-learning-experiences/) fis3 使用经验 **Offline installation of npm packages** [https://addyosmani.com/blog/using-npm-offline/](https://addyosmani.com/blog/using-npm-offline/) 离线按照 npm 的方法汇总 **Angular 2 versus React: There Will Be Blood** [https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51#.71sf64f0x](https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51#.71sf64f0x) 程序员喜闻乐见的框架 PK **Cross-platform computer applications in practice** [http://blog.airtame.com/how-electron-helps-airtame-to-provide-a-crossplatform-software/](http://blog.airtame.com/how-electron-helps-airtame-to-provide-a-crossplatform-software/) 开发跨平台桌面软件的经验，最初使用的是 QT，然后换成 nw.js，最后用了 Electron，还使用了 Mocha 做测试，有意思的是他们的 QA 工位布置得不错，可以方便测试各个平台下的效果 **Zopfli Optimization: Literally Free Bandwidth** [http://blog.codinghorror.com/zopfli-optimization-literally-free-bandwidth/](http://blog.codinghorror.com/zopfli-optimization-literally-free-bandwidth/) Zopfli 的实验，结论是对 PNG 图片可以再节省 10% 的体积，但压缩速度慢 80 倍，所以是不能在线压缩的，只能进行预压缩 **How to Become a Better Node.js Developer in 2016** [https://blog.risingstack.com/how-to-become-a-better-node-js-developer-in-2016/](https://blog.risingstack.com/how-to-become-a-better-node-js-developer-in-2016/) These tips and best practices are not just for development - but how to operate Node.js infrastructures, how you should do your day-to-day development and other useful pieces of advice. **解读redux工作原理** [http://segmentfault.com/a/1190000004236064](http://segmentfault.com/a/1190000004236064) 对 Redux 的实现进行了分析 **What the Flux? (On Flux, DDD, and CQRS)** [http://jaysoo.ca/2015/02/06/what-the-flux/](http://jaysoo.ca/2015/02/06/what-the-flux/) While the Flux pattern may have found a new home in JavaScript applications, they have been explored before in Domain-Driven Design (DDD) and Command-Query Responsibility Segregation (CQRS). I think it is useful to learn from these older concepts, and see what they may tell us about the present. **Where Flux Went Wrong** [http://technologyadvice.github.io/where-flux-went-wrong/](http://technologyadvice.github.io/where-flux-went-wrong/) 对 Flux 的反思，作为码农，我们不能盲目迷信任何一种技术，兼听则明 **Transitioning to SCSS at Scale** [https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/](https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/) Etsy 将大量 CSS 代码（40w）转成 SCSS 的经验，值得借鉴 **~2015 in review** [https://medium.com/@sebmck/2015-in-review-51ac7035e272](https://medium.com/@sebmck/2015-in-review-51ac7035e272) This started off as a generic year in review but as I was writing it became a lot more personal. This is my story of how I dealt with going from high school to moving to another country and working in big tech in a little over a year. 少年天才Babel 作者的年终总结。 **[译]回顾 2015：六项令人兴奋的 web 技术** [http://www.w3ctech.com/topic/1667](http://www.w3ctech.com/topic/1667) Electron、React Native、Progressive web apps、Visual studio code、Rollup、Web Assembly **360奇舞团团长@月影 － 专访** [http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401557831&idx=1&sn=ac93d8ee19bdb5413be9a94dccf71b2e](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401557831&idx=1&sn=ac93d8ee19bdb5413be9a94dccf71b2e) 前端大神月影的心得： - 行业、团队、每个个体都是多元化的，没有绝对的学习方法，每个人有最适合自己的学习方法，只有多样化的团队才是精彩的 - 没有人在技术成长的时候不遇到瓶颈的，遇到瓶颈不可怕，最重要的是不浮躁、不忘初心 - 技术问题是最好解决的问题，技术并没有什么特别困难的，最难战胜的，只是自己的心 - 前端目前是一个非常年轻、有活力、变化速度极快，充满挑战的行业，选择这样行业作为职业是非常幸运的，因为变化快意味着创造机会——前端一直是充满着机会的。 **面向设计的半封装web组件开发** [http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402751887&idx=1&sn=3bc0ed7aca8f653f583c833a467b6d46](http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402751887&idx=1&sn=3bc0ed7aca8f653f583c833a467b6d46) 本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件，就会想到重用，各个项目都能使用。而本文的组件，对于某具体项目而言是组件，但是，对于其他项目，就是个半封装的半吊子组件。面向设计、面向项目的web组件开发，就是本文要探讨的主旨。 **程序员的编程能力层次模型** [http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405588220&idx=4&sn=b844093181700a40464affb2620b4365](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405588220&idx=4&sn=b844093181700a40464affb2620b4365) 程序员的编程技能随着经验的积累，会逐步提高。我认为编程能力可以分为一些层次。下面通过两个维度展开编程能力层次模型的讨论。一个维度是编程技能层次，另一个维度是领域知识层次。有些程序员可能把精力都花在提升编程技能上了，领域知识知之甚少，这其实在日常工作中也是极其有害的。总结的挺好的，可以单做练级指南。 **Apache Kylin在百度地图的实践** [http://www.infoq.com/cn/articles/practis-of-apache-kylin-in-baidu-map](http://www.infoq.com/cn/articles/practis-of-apache-kylin-in-baidu-map) 百度地图的大数据OLAP多维分析平台承载百度地图内部多个基于Apache Kylin引擎的亿级多维分析查询项目，共计约80个cube，平均半年时间的历史数据，共计约50亿行的源数据规模，单表最大数据量为20亿+条源数据，满足大时间区间、复杂条件过滤、多维汇总聚合的单条SQL查询毫秒级响应，较为高效地解决了亿级大数据交互查询的性能需求 **Commit message 和 Change log 编写指南** [http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html](http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html) 编写 Commit message 和 Change log 是相当重要的一件事，一峰老师详细总结了一份指南，大家可以参考。 **How to C in 2016** [https://matt.sh/howto-c](https://matt.sh/howto-c) C has been around since the early 1970s. People have "learned C" at various points during its evolution, but knowledge usually get stuck after learning, so everybody has a different set of things they believe about C based on the year(s) they first started learning. It's important to not remain stuck in your "things I learned in the 80s/90s" mindset of C development. This page assumes you are on a modern platform conforming to modern standards and you have no excessive legacy compatibility requirements. We shouldn't be globally tied to ancient standards just because some companies refuse to upgrade 20 year old systems. 可以了解下这门经典语言的进化。 ## 新鲜货 **中国公司开源项目导航** [http://www.oschina.net/company](http://www.oschina.net/company) 开源中国整理的列表 **Chirimen, a Firefox OS-Powered IoT Single-Board Computer Developed by Mozilla** [http://mozopenhard.mozillafactory.org/](http://mozopenhard.mozillafactory.org/) CHIRIMEN Board is designed for Web developers to MAKE Real things that are connected to the Web via Browser technologies. **demoo** [http://isux.us/demoo/](http://isux.us/demoo/) 腾讯出的移动端交互设计原型工具，另附：[鹅厂交互设计师如何写交互文案](http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=402819582&idx=1&sn=81b5cc3fe25a6c50044472d9323cbb81) **Nodal** [https://github.com/keithwhor/nodal](https://github.com/keithwhor/nodal) Nodal is a web server for Node.js that was built with the sole purpose of making the developer's life easier. Boasting its own opinionated, explicit, idiomatic and highly-extensible full-service framework, Nodal takes care of all of the hard decisions for you and your team. This allows you to focus on creating an effective product in a short timespan while minimizing technical debt. **Node by Numbers 2015** [https://nodesource.com/blog/node-by-numbers-2015/](https://nodesource.com/blog/node-by-numbers-2015/) **siphon** [https://getsiphon.com/](https://getsiphon.com/) 无需装 Xcode 就能开发 React Native 应用的工具，进一步减低了上手成本 **Spark 1.6** [https://databricks.com/blog/2016/01/04/announcing-spark-1-6.html](https://databricks.com/blog/2016/01/04/announcing-spark-1-6.html) 号称性能有明显提升 **PM2 1.0** [https://keymetrics.io/2016/01/04/here-we-are-pm2-1-0/](https://keymetrics.io/2016/01/04/here-we-are-pm2-1-0/) 加了些外围的功能，不清楚在核心稳定性方面是否有提升 **Rollup.js** [http://rollupjs.org/](http://rollupjs.org/) 一个将 ES2015 模块化写法转成 AMD/CommonJS 并优化的工具，感觉不是很靠谱，不过这都能有 2.7 K Star **图说ECMAScript新标准** [http://alinode.aliyun.com/blog/22](http://alinode.aliyun.com/blog/22) 每年一个新标准，要不要这么快... **变量命名神器Codelf** [https://github.com/unbug/codelf](https://github.com/unbug/codelf) [http://unbug.github.io/codelf/](http://unbug.github.io/codelf/) Search over projects from Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project to find real-world usage variable names **The React File Generator** [http://www.overreact.io/](http://www.overreact.io/) 看起来很NB。 **[译]Sublime Text 3最好的功能、插件和设置** [http://www.css88.com/archives/5858](http://www.css88.com/archives/5858) 网上已经有许多关于 Sublime Text 3 的文章，这事好事情。在这篇文章中，我们将看到 Sublime Text 3 的最好的部分，您可能已经听说过其中的一些，但也许其他一些人还不知道。 **MVVMReactiveCocoa** [https://github.com/leichunfeng/MVVMReactiveCocoa](https://github.com/leichunfeng/MVVMReactiveCocoa) This repository contains the source code for the GitBucket iOS app. It is a mobile client app for GitHub, built using MVVM architectural pattern and some awesome frameworks, such as ReactiveCocoa、Mantle、octokit.objc, etc. You can use it for any purpose, free of charge. **Graal.js: High-Performance JavaScript on the JVM** [https://www.youtube.com/watch?v=OUo3BFMwQFo](https://www.youtube.com/watch?v=OUo3BFMwQFo) [http://openjdk.java.net/projects/graal/](http://openjdk.java.net/projects/graal/) Graal.JS is a JavaScript engine for the JVM from Oracle. **RemixOS – Android for the desktop** [http://www.jide.com/en/remixos](http://www.jide.com/en/remixos) Remix OS is our state of the art Android-based operating system. We mean it when we say you get a PC experience unlike anything on Android and an Android experience unlike anything on a PC. The innovative features we’ve brought to Remix OS 2.0 have been meticulously engineered to bring you the best of both worlds – the harmonious fusion of a mobile and desktop experience. **这是一个令人忧伤的软件——看看你的微信好友谁删除你了** [https://linux.cn/article-6842-1.html](https://linux.cn/article-6842-1.html) [https://github.com/0x5e/wechat-deleted-friends](https://github.com/0x5e/wechat-deleted-friends) Python 所编写的一个小工具。 ## 产品及其它 **54张PPT讲述Google的创新逻辑** [http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=402768761&idx=1&sn=4551ee6f09cd60994c82d9ac5ac5afa9](http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=402768761&idx=1&sn=4551ee6f09cd60994c82d9ac5ac5afa9) 本文中的54张插图是《Google是如何运作的》一书作者Google前CEO埃里克·施密特在网上公开的PPT精简版，比枯燥的文字多了几分生趣，插图的创意和洞察也入木三分。 **一个调研者的亲述：触目惊心的中国农村现状** [http://mp.weixin.qq.com/s?__biz=MzA4NDA0NjIwMw==&mid=401595057&idx=1&sn=9703ea2c69e4af99401c06df5eb55fa7](http://mp.weixin.qq.com/s?__biz=MzA4NDA0NjIwMw==&mid=401595057&idx=1&sn=9703ea2c69e4af99401c06df5eb55fa7) 这是一个沉重的话题，农村是一个非常复杂问题。互联网能在解决这个问题中扮演什么角色，值得思考。农村曾一度是上学改变命运，未来会不会变成互联网改变命运呢？ **你只是个运行经理** [http://mp.weixin.qq.com/s?__biz=MjAzNzMzNTkyMQ==&mid=403755878&idx=1&sn=3b976a4d136cabaf9d2511a8909e8c2f](http://mp.weixin.qq.com/s?__biz=MjAzNzMzNTkyMQ==&mid=403755878&idx=1&sn=3b976a4d136cabaf9d2511a8909e8c2f) 只要理解了运营这个概念，很快就会在同类中脱颖而出的。理解意味着懂得了取舍，懂得业务第一、效率致胜的原则，这才是运营的本质。这个文章对运营的解读还是挺到位的。