FEX 技術周刊 - 2015/10/26

vgtr 9年前發布 | 34K 次閱讀 FEX

原文 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.