## 深阅读 **视频编码原理简介** [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 测试方法。