FEX 技术周刊 - 2015/10/26

vgtr 9年前

原文 http://fex.baidu.com/blog/2015/10/fex-weekly-26/

微信搜索『FEX』关注我们的公众号，及时获得最新资讯。

深阅读

Node LTS版本：Argon发布始末

https://nodejs.org/en/blog/release/v4.2.0/

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

民工哥整理的对组件化的深入思考，值得认真研读。

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

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/

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/

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

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 非死book Reactions

http://browniefed.com/blog/2015/10/11/react-native-how-to-make-非死book-reactions/

非死book reactions is a new liking system that 非死book 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://www.xialeizhou.com/?p=71

“一个高效的 Mac 工作环境”有以下几个特点：自动化、统一、够用、效率。可以用来查漏补缺。

Nicholas Zakas：我最中意的面试题

http://www.iteye.com/news/31019#rd

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

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

runC是Docker贡献出来的，按照该开放容器格式标准（OCF, Open Container Format）制定的一种具体实现。这一系列文章从架构和源码层面详细解读这个开源项目的设计思想和实现原理。

天猫使用React Native代替H5实现产品化落地

http://mp.weixin.qq.com/s?__biz=MzA3Mjk1MjA4Nw==&mid=209278158&idx=1&sn=0a6a12eeab5ed87973de055196eac5b8#rd

自非死book 开源出React 后，天猫技术团队就在一直关注，并对比现有Html5系的Hybird解决方案的差异性。天猫早是在15年的年中618大促及各会场业务页面中，率先在iOS平台上进行业务线上尝试，效果不错，得到肯定。

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

推ter融合了React.js与Velocity.js，打造了一款异常强大的JS动画库

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

荣誉，还是苦逼？| 也议全栈工程师和DevOps

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=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

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

Eleme 的同学整的东东：ng-staticize是一个把Angular模板静态化的directive，使用之后渲染速度在 IE8 上会有10-20x的性能提升。

Photon - An Electron UI Kit

http://photonkit.com/

The fastest way to build beautiful Electron apps using simple HTML and CSS

维护一个大型开源项目是怎样的体验？

http://www.zhihu.com/question/36292298

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/nieweidong/fetool

主要内容是一些使用过的库、工具、套路或关注的前端组织等等，反正用前端瑞士军刀来总结这篇文章再合适不过鸟。

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/

W3C将HTML工作组与Web Applications工作组合并，于2015年10月正式启动Web Platform Working Group并发布工作组章程。Web Platform工作组的任务是继续发展HTML语言、提供可促进Web客户端应用程序开发的相关规范：包括客户端开发APIs和描述并控制客户端应用程序性能的标记词汇表。

KCon 2015 黑客安全大会-视频

http://www.ichunqiu.com/course/775

可以学习下黑科技。

λJSON

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

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.