FEX 技術周刊 - 2016/02/01

jopen 8年前發布 | 46K 次閱讀 JavaScript

微信搜索『FEX』關注我們的公眾號，及時獲得最新資訊。

深閱讀

What can we learn from how jQuery symbiotically pushed the Web Platform forward?

https://medium.com/ben-and-dion/what-can-we-learn-from-how-jquery-symbiotically-pushed-the-web-platform-forward-ce6b20cd4e98

One of the great things about jQuery was that it had a simple, powerful idea. It’s entire mindset was “find these items in the DOM, and attach these events to them”. The fluent style of API probably opened peoples minds up in a way that only helped us with promises and rethinking APIs such as XHR vs. fetch. All in all jQuery has evolved along with the Web platform, helping improve things beyond itself.

每個架構師都應該研究下康威定律

http://36kr.com/p/5042735.html

Conway’ s law: Organizations which design systems [...] are constrained to produce designs which are copies of the communication structures of these organizations. 組織和系統架構之間有一個映射關系（1 ~ 1 mapping），兩者不對齊就會出各種各樣的問題。作為系統架構師，一定要深入領會康威定律，設計系統架構之前，先看清組織結構，也要看組織文化（民主合作式，集權式，叢林法則式，人才密度），再根據情況調整系統架構或者組織架構。系統架構的目標是解決利益相關者的關注點，架構師要充分和利益相關者溝通，深入理解他們的關注點和痛點，并出架構解決這些關注點。架構，平臺不是買來的，也不是用一個開源就能獲得的，也不是設計出來，而是長期演化才能落地生根的。

聊聊“新技術”

http://www.jianshu.com/p/e1425f186e3d

上周前端大戰之續。贊：以實踐檢驗為榮，以道聽途說為恥；如果你連學一門新語言都沒興趣，你怎么就敢貿然進入一個全新的領域；準確判斷一個新技術的價值，是一項重要的能力。技術學習和實踐中：本質、技術地圖、技巧這三個很重要。

JavaScript At Scale — Achieving High Velocity

https://labs.mlssoccer.com/javascript-at-scale-achieving-high-velocity-160c7d78af03

Many companies choose JavaScript because it is touted as flexible and fast. While this may be true, that same flexibility and speed can get you in a few traps if you are not thoughtful in how you build your JavaScript ecosystem.

9 things every React.js beginner should know

https://camjackson.net/post/9-things-every-reactjs-beginner-should-know

I've been using React.js for about 6 months now. In the grand scheme of things that's not very long at all, but in the ever-churning world of JavaScript frameworks, that just about qualifies you as a bearded elder! I've helped out a few people lately with React starter tips, so I thought it would be a good idea to write some of them up here to share more broadly. These are all either things that I wish I'd known when I started out, or things that really helped me 'get' React.

Front-end Application Libraries and Component Architectures

http://developer.telerik.com/featured/front-end-application-frameworks-component-architectures/

Component architectures are an important part of ever modern front-end framework. In this article, I’m going to dissect Polymer, React, Rio.js, Vue.js, Aurelia and Angular 2 components. The goal is to make the commonalities between each solution obvious. Hopefully, this will convince you that learning one or the other isn’t all that complex, given that everyone has somewhat settled on a component architecture.

React and the economics of dynamic web interfaces

https://www.nczonline.net/blog/2016/01/react-and-the-economics-of-dynamic-web-interfaces/

Nicholas 對 React 的看法，居然才剛開始學

Ship highly-scalable products faster by implementing Node.js on an enterprise level

https://risingstack.com/nodejs-is-enterprise-ready

Find out how Node.js can solve common challenges in engineering teams and how to enable Node.js on an enterprise environment to ship better products faster.

Node server with Rx and Cycle.js

https://glebbahmutov.com/blog/node-server-with-rx-and-cycle/

This is an explanation how one can apply (and why this is beneficial to do so) reactive programming to a simple NodeJS server, that is responding to requests. Then I will show how to take the main idea behind Cycle.js and apply it to the server code.

margin為負值產生的影響和常見布局應用

http://www.jianshu.com/p/549aaa5fabaa

CSS 中負值的靈活應用，有時能解決不少問題。這個文章介紹了負 margin 的原理。

通通連起來——無處不在的流

http://taobaofed.org/blog/2016/01/28/nodejs-stream/

關于「流」，到底知道它是個什么概念嗎？文章為我們講解 node.js 里面的「流」以及一些應用。

基于原生HTML的UI組件開發

http://www.zhangxinxu.com/wordpress/2016/01/development-of-ui-components-based-on-native-html/

web components 已經興起了很久了，但是作者在這里提到了基于原生的 HTML 進行 UI 組件開發，也印證了「順勢而為」的思路，文章也列舉了一些基于原生 HMTL 開發 UI 組件優點，這個思路感覺很不錯。

CSS代碼重構與優化之路

http://luopq.com/2016/01/05/css-optimize/

隨著項目規模的增加，項目中的CSS代碼也會越來越多，如果沒有及時對CSS代碼進行維護，CSS代碼不斷會越來越多。CSS代碼交錯復雜，像一張龐大的蜘蛛網分布在網站的各個位置，你不知道修改這行代碼會有什么影響，所以如果有修改或增加新功能時，開發人員往往不敢去刪除舊的冗余的代碼，而保險地增加新代碼，最終的壞處就是項目中的CSS會越來越多，最終陷入無底洞。這也就引出了CSS代碼重構這個話題。

2015 年在微信熱傳的 100+ 經典技術文章

https://github.com/jobbole/awesome-wechat-dev-posts-2015

真的缺前端工程師嗎

http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=401813349&idx=1&sn=d41f7e07af9d12d9339af695d988e810

贊這個觀點：我們缺的從來都不是前端/后端工程師，而是工程師(或者那些會系統思考，并總是想著解決問題的人)。

How I fixed Atom

http://davidvgalbraith.com/how-i-fixed-atom/

介紹定位和解決一個 Atom 的 bug 的過程，贊作者的鉆研精神。

2016 - the year of web streams

https://jakearchibald.com/2016/streams-ftw/

介紹了 Stream API。Streams can be used to do fun things like turn clouds to butts, transcode MPEG to GIF, but most importantly, they can be combined with service workers to become the fastest way to serve content.

Modularizing monolithic JS projects

https://plot.ly/javascript/modularizing-monolithic-javascript-projects/

介紹了 plotly.js 這個圖形庫如何利用模塊化技術解決項目規模變大后所遇到的問題。

關于爛代碼的那些事 - 評價代碼優劣的方法

http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=403710181&idx=1&sn=404848628e673f2517eff0710d38824c

來自微博研發團隊的一位技術專家的經驗。

新鮮貨

ATP-創意能量源

http://mp.weixin.qq.com/s?__biz=MzI0ODE3Njk3MQ==&mid=401497751&idx=1&sn=042c5f3bc55a9cd35ca590ec6c64a571

ATP由一群關注產品、關注用戶體驗、關注新技術的同學維護，倡導傳遞創新的價值，每天為你帶來新鮮的創意資訊，我們面向產品、技術與設計，但又不局限于產品、技術與設計。感興趣的同學可以關注。

Parse Server

https://github.com/ParsePlatform/parse-server

http://blog.parse.com/announcements/moving-on/

非死book 將關掉 Parse，然后放出了這個基于 Node 的兼容實現，存儲使用 Mongodb。Parse提供了移動后端服務，為移動開發者提供工具將數據儲存在云端、管理登錄和處理推送通知等等，非死book在2013年將其收購。Parse 算是 noBackend 方案的一個典型產品，這個領域還有一個值得關注的產品 Firebase。

Highlights of V8 4.9

http://v8project.blogspot.com/2016/01/v8-release-49.html

Coming to a Chrome (49) and Node near you. It has 91% ES6 support (by the Kangax compatibility table) including Proxy objects and the Reflect API.

Applying for incubation under the Node.js Foundation

https://github.com/strongloop/express/issues/2869

express 申請成為 Node.js 基金會子項目

Progress bar noticeably slows down npm install

https://github.com/npm/npm/issues/11283

https://推ter.com/gavinjoyce/status/691773956144119808

npm 的進度條竟然這么影響性能，誰能告訴我原因是啥？另附兩個可以加速 npm 的小工具（需謹慎使用）：

https://github.com/alexanderGugel/ied

https://github.com/rstacruz/pnpm

The final feature set of ECMAScript 2016 (ES7)

http://www.2ality.com/2016/01/ecmascript-2016.html

只增加兩個新特性，贊。

W3C的HTML新年計劃

http://weibo.com/p/23041861005d5c0102w4g3

https://github.com/w3c/html/

兄弟們，可以給 HTML 規范提 PR 了，歡迎剛興趣的同學給 HTML5.1 貢獻力量。

人工智能先驅-Marvin Minsky 大師逝世

http://nytimes.com/2016/01/26/business/marvin-minsky-pioneer-in-artificial-intelligence-dies-at-88.html

http://www.leiphone.com/news/201601/jccyMh6pZ2385cfU.html

http://web.media.mit.edu/~minsky/

向大師致敬。這個領域目前已經有不少成功，比如最近沸沸揚揚的 Google 的 AlphaGo戰勝了歐洲圍棋冠軍，相關討論：奇點臨近

Microsoft releases CNTK, its open source deep learning toolkit, on GitHub

http://blogs.microsoft.com/next/2016/01/25/microsoft-releases-cntk-its-open-source-deep-learning-toolkit-on-github/

CNTK, the Computational Network Toolkit by Microsoft Research, is a unified deep-learning toolkit that describes neural networks as a series of computational steps via a directed graph. In this directed graph, leaf nodes represent input values or network parameters, while other nodes represent matrix operations upon their inputs.

Pale Moon（蒼月）瀏覽器

https://www.palemoon.org/

重點在最新版中啟用了自研的瀏覽器引擎 Goanna ，基于 Firefox 的 Gecko fork 出來的。

voxel.css makes 3D rendering easy

https://github.com/HunterLarco/voxel.css

The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.

Simplifying Docker on OS X

https://blog.andyet.com/2016/01/25/easy-docker-on-osx/

https://github.com/nlf/dlite

介紹了 Dlite 這個工具，號稱： The simplest way to use Docker on OS X

devtool

https://github.com/Jam3/devtool

https://manrueda.com.ar/devtool-as-an-ide-its-time/

Runs Node.js programs inside Chrome DevTools (using Electron).

React and ag-Grid, the Perfect Match

https://www.ag-grid.com/react-and-ag-grid/

ag-Grid is an enterprise JavaScript data grid with zero library dependencies, including no dependency for it's rendering. You can build an application using just JavaScript and ag-Grid alone. The 'ag' stands for framework AGnostic.

基于 JavaScript 的操作系統你聽說過嗎

https://linux.cn/article-6931-1.html

Viewer.js

http://fengyuanchen.github.io/viewerjs/

圖片瀏覽控件

node-tap

https://github.com/tapjs/node-tap

A TAP test framework for Node.js. It includes a command line test runner for consuming TAP-generating test scripts, and a JavaScript framework for writing such scripts. Built-in support for code coverage (including instrumenting child processes). 相關框架： Tape https://github.com/substack/tape

Mongotron

https://github.com/officert/mongotron

A Mongo DB GUI built using Electron, and Angular Js.

年會上的程序員們

http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=405897272&idx=1&sn=3519d26a2f3aad1a20f00680b56fd7d8

每個工程師團隊都會有一個在年會上現場寫抽獎程序的碼農。

沃爾瑪開源OneOps

http://arstechnica.com/information-technology/2016/01/a-new-open-source-cloud-management-tool-from-walmart/

https://github.com/oneops

OneOps讓廣大開發人員能夠在混合的多云環境下開發產品，不用擔心被任何一家云廠商牢牢鎖定。這就意味著，他們可以測試不同的云提供商，并在它們之間進行切換，充分利用更實惠的價格、技術或可擴展性，而不被其中任何一家廠商牢牢鎖定。