FEX 技术周刊 – 2015/12/21
最后更新于：2022-04-01 00:04:43
## 业界会议
**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)
社交的价值，不仅仅在于聊天，而在于共鸣。