FEX 技术周刊 – 2015/10/26
最后更新于：2022-04-01 00:05:01
## 深阅读
**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)
每个程序员都需要爱护自己的脖子。