FEX 技术周刊 – 2016/01/18
最后更新于：2022-04-01 00:04:33
## 深阅读
**国内Nodejs 2015总结**
[https://cnodejs.org/topic/5696e43e6272216e51bff67e](https://cnodejs.org/topic/5696e43e6272216e51bff67e)
有不少优质资源，在 Node 正在走向大规模应用的过程中，想在 16 年在自己的产品用 Node 的话，这个文章是个非常好的参考。
**Parallel JavaScript with ParallelJS**
[http://www.sitepoint.com/parallel-javascript-with-paralleljs/](http://www.sitepoint.com/parallel-javascript-with-paralleljs/)
[http://adambom.github.io/parallel.js/](http://adambom.github.io/parallel.js/)
In this article I’m going to discuss why multi-threading is important and how to implement it in JavaScript with ParallelJS. Parallel.js is a tiny library for multi-core processing in Javascript. It was created to take full advantage of the ever-maturing web-workers API.
**iOS 架构模式–解密 MVC，MVP，MVVM以及VIPER架构**
[http://ios.jobbole.com/83727/](http://ios.jobbole.com/83727/)
回顾一些流行的架构，并且在理论和实践上对它们进行比较。
**Miscorsoft - ChakraCore**
[https://github.com/Microsoft/ChakraCore](https://github.com/Microsoft/ChakraCore)
ChakraCore is the core part of Chakra, the high-performance JavaScript engine that powers Microsoft Edge and Windows applications written in HTML/CSS/JS. ChakraCore supports Just-in-time (JIT) compilation of JavaScript for x86/x64/ARM, garbage collection, and a wide range of the latest JavaScript features.
**深入理解CSS中的层叠上下文和层叠顺序**
[http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/](http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/)
要理解网页中元素是如何“论资排辈”的，就需要深入理解CSS中的层叠上下文和层叠顺序。我们大家可能都熟悉CSS中的z-index属性，需要跟大家讲的是，z-index实际上只是CSS层叠上下文和层叠顺序中的一叶小舟。
**如何评价 Microsoft Edge 浏览器**
[https://www.zhihu.com/question/29985708](https://www.zhihu.com/question/29985708)
了解下微软最新的浏览器，另附：主流浏览器内核介绍 [http://www.cnblogs.com/zichi/p/5116764.html](http://www.cnblogs.com/zichi/p/5116764.html)
**CSS Modules — Solving the challenges of CSS at scale**
[https://medium.com/@tomcornilliac/css-modules-solving-the-challenges-of-css-at-scale-85789980b04f#.9hsr219il](https://medium.com/@tomcornilliac/css-modules-solving-the-challenges-of-css-at-scale-85789980b04f#.9hsr219il)
[http://glenmaddern.com/articles/css-modules](http://glenmaddern.com/articles/css-modules)
CSS Modules solve them all and add much needed structure to our projects: Global Scope、Overqualified Selectors、Refactoring。另附：[Variables: The Backbone Of CSS Architecture](https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/)
**Understanding Garbage Collection and Hunting Memory Leaks in Node.js**
[http://blog.codeship.com/understanding-garbage-collection-in-node-js/](http://blog.codeship.com/understanding-garbage-collection-in-node-js/)
In this post, I’ll cover how Node.js manages memory and how to trace down memory-related problems. Unlike platforms like PHP, Node.js applications are long-running processes. While this has lots of positive implications such as allowing database connections to be set up once and then reused for all requests, this may also cause problems.
**Node.js Buffer knows everything**
[https://github.com/ChALkeR/notes/blob/master/Buffer-knows-everything.md](https://github.com/ChALkeR/notes/blob/master/Buffer-knows-everything.md)
[https://github.com/nodejs/node/issues/4660](https://github.com/nodejs/node/issues/4660)
关于 buffer 的讨论
**A Little Architecture**
[http://blog.cleancoder.com/uncle-bob/2016/01/04/ALittleArchitecture.html](http://blog.cleancoder.com/uncle-bob/2016/01/04/ALittleArchitecture.html)
架构师做什么？决定用什么框架什么数据库？不是的，这些都是不重要的决定，那什么重要呢，自己看吧。
**React with C++: Building the Quip Mac and Windows Apps**
[https://medium.com/@btaylor/react-with-c-building-the-quip-mac-and-windows-apps-c63155c1531b#.yzgtho636](https://medium.com/@btaylor/react-with-c-building-the-quip-mac-and-windows-apps-c63155c1531b#.yzgtho636)
Quip 如何基于 React 开发 Mac 和 Windows 桌面应用
**[译]基于 Webpack 和 ES6 打造 JavaScript 类库**
[https://github.com/cssmagic/blog/issues/56](https://github.com/cssmagic/blog/issues/56)
两个月前，我曾发布了一篇基于 webpack 的 React 起步教程。你眼前的这篇文章跟那一篇差不多，只不过不包含 React 那一块。这篇教程稍微简单一些，但仍然会有一些棘手的部分。因此，我特意建了一个全新的代码仓库 webpack-library-starter，把创建一个 JavaScript 类库所需的所有素材都放了进去。
**[译]Mixin 已死，Composition 万岁**
[http://efe.baidu.com/blog/mixins-are-dead-long-live-the-composition/](http://efe.baidu.com/blog/mixins-are-dead-long-live-the-composition/)
为什么要用 mixin？mixin 解决了什么问题？我们是否可以换一种无继（Tong）承（ku）的方式去解决这些问题？
**研究首屏时间？你先要知道这几点细节**
[http://www.alloyteam.com/2016/01/points-about-resource-loading/](http://www.alloyteam.com/2016/01/points-about-resource-loading/)
虽然说目前在 PC 端大多数产品应该都不用 Care 性能问题了，但作为一名技术人员，性能还是值得去关注的话题。
**Docker for Beginners**
[http://prakhar.me/docker-curriculum/](http://prakhar.me/docker-curriculum/)
Docker 是一个值得去实践的技术，能解决开发环境、应用部署和运维等很多问题。
**Stiff 对九位卓越程序员的采访**
[http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405852643&idx=1&sn=52aecedfc552924cb77c55d661b4c316](http://mp.weixin.qq.com/s?__biz=MjM5NTg2NTU0Ng==&mid=405852643&idx=1&sn=52aecedfc552924cb77c55d661b4c316)
如何学的编程？程序员最应该拥有什么样的技能?觉得数学和物理对程序员重要吗？等话题，看看大神们怎么回答吧。有趣的是：大神们对 Web 和 JS 还是很有兴趣的。
**需求决定架构 —— 萌Mark的架构升级之路**
[http://m.blog.csdn.net/article/details?id=50491265](http://m.blog.csdn.net/article/details?id=50491265)
可以算“按需架构”的一个Good Case。
另附：
* [微信后台系统的演进之路](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402340325&idx=1&sn=5b7bf6025b1a83a0e529e630fc95ae28)
* [你的架构是如何一步步腐化的](http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=407873012&idx=1&sn=f29f7bf688eb4666e5b82826227f071f)
## 新鲜货
**Echarts 3.0发布**
[http://echarts.baidu.com/](http://echarts.baidu.com/)
**lodash v4.0.0**
[https://github.com/lodash/lodash/releases/tag/4.0.0](https://github.com/lodash/lodash/releases/tag/4.0.0)
With v4 we’re breaking free from old projects, old environments, & dropping old IE < 9 support! 4 kB Core、More ES6 、More Modular
**10th Anniversary of jQuery**
[http://ejohn.org/blog/10th-anniversary-of-jquery/](http://ejohn.org/blog/10th-anniversary-of-jquery/)
10 年的生命周期，着实不易。作为一个老牌类库，虽然风头不在，但在很多场景下 JQ 仍不失为一个好选择。同时 jQuery 3.0 发布[http://blog.jquery.com/2016/01/14/jquery-3-0-beta-released/](http://blog.jquery.com/2016/01/14/jquery-3-0-beta-released/)
**Wukipedia 15周年**
[https://15.wikipedia.org/](https://15.wikipedia.org/)
一个伟大的产品，这个页面 banner 处的动画设计挺有特点的。赞页面中的：知識是愉悅的。
**Ant UX - 让设计师与程序员一起改变世界**
[http://ux.ant.design/](http://ux.ant.design/)
Ant UX 是 Ant Design 系列的一个工具, 用来制作页面逻辑的素材库, 适用于 OmniGraffle , 我们提供的组件可以帮助你, 快速制作一个产品的页面逻辑，以及业务流程图。 能在产品设计初期，更好的了解整个架构。
**warp-ctc**
[https://github.com/baidu-research/warp-ctc](https://github.com/baidu-research/warp-ctc)
百度深度学习研究院开源了一个用于深度学习的算法组件
**Front End Newsletter**
[http://frontendnewsletter.com/](http://frontendnewsletter.com/)
The free, weekly newsletter of the best Front End related news, articles, projects, and more.JavaScript, React, Angular, Ember, Polymer, Meteor, RxJS, Elm, and more.
**Matrix-Reveal.js based slides lab for users to create and share slides**
[https://github.com/akira-cn/matrix](https://github.com/akira-cn/matrix)
大神月影新近整的东东，比较适合写不咋复杂的ppt的懒家伙使用。类似产品 [https://github.com/ksky521/nodePPT](https://github.com/ksky521/nodePPT)
**Gathering statistics on JavaScript projects since 2015**
[https://stats.js.org/](https://stats.js.org/)
The table shows statistics and a ranking of the 10k most popular JavaScript projects on GitHub. The normalized values are calculated by the given number of stars and forks of a project.
**微信web开发者工具**
[http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html](http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html)
为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了 web 开发者工具。它是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。
**动画开发者福音？ 白鹭时代DragonBones**
[http://mp.weixin.qq.com/s?__biz=MzA4Mzk1ODYzMw==&mid=402718712&idx=1&sn=17e113d4ee8776d8d4e4e085b4f044a4#rd](http://mp.weixin.qq.com/s?__biz=MzA4Mzk1ODYzMw==&mid=402718712&idx=1&sn=17e113d4ee8776d8d4e4e085b4f044a4#rd)
作为游戏动画设计师或移动游戏开发者，你在利用工具制作动画的过程中最关注的是什么？是时间轴、可视化制作、丰富骨骼动画模板；还是工具拥有丰富的程序支持；抑或是工具本身的易用性、低准入门槛、完善的中文支持和服务？没错，DragonBones足够满足大家的需求和希望。
**Superpowers, a collaborative HTML5 2D and 3D game maker, is now open-source**
[http://superpowers-html5.com/index.en.html](http://superpowers-html5.com/index.en.html)
开源 HTML5 游戏制作工具
**Awesome npm resources and tips**
[https://github.com/sindresorhus/awesome-npm](https://github.com/sindresorhus/awesome-npm)
**Tonic-a better REPL for Node.js**
[https://tonicdev.com](https://tonicdev.com/)
What is Tonic? Think of it as a better REPL（Read-Evaluate-Print-Loop,） for Node.js, or a scrapbook for your code.
**JavaScript Promise迷你书**
[http://liubin.org/promises-book/](http://liubin.org/promises-book/)
对 Promise 还不熟的同学赶紧看看了，16 年必须得学会 ES6
**使用RxJS做一个Pull-to-Refresh的例子**
[http://jimliu.net/2016/01/15/building-a-pull-to-refresh-demo-with-rxjs/](http://jimliu.net/2016/01/15/building-a-pull-to-refresh-demo-with-rxjs/)
RxJS （Reactive Extensions for JavaScript）是一种新的编程模型，这是一个例子，感兴趣的同学可以看看。
**[译]Angular2开发指南**
[https://github.com/gf-rd/blog/issues/21](https://github.com/gf-rd/blog/issues/21)
beta 刚发，就已经有人默默的给 angular 布道了
## 产品及其它
**善良比聪明重要**
[https://github.com/lifesinger/blog/issues/227](https://github.com/lifesinger/blog/issues/227)
2010 年，亚马逊 CEO 杰夫·贝佐斯（Jeff Bezos）在母校普林斯顿大学的毕业典礼上，勉励年轻人，善用自己的天赋，做出对的选择。因为，「人生到头来，我们的选择，决定了我们是什么样的人。」
**Google帝国原力觉醒：2016将征战哪些新疆域**
[http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=401834768&idx=1&sn=7fddacd2ed6831deb016250718ef9a25](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=401834768&idx=1&sn=7fddacd2ed6831deb016250718ef9a25)
围观下 Google 的黑科技吧。另附一篇关于硅谷的有意思的文章：[失去灵魂的卓越：什么正在吞噬硅谷](http://tech.qq.com/a/20160117/008101.htm) 核心观点：” 我们担心你正在失去灵魂。请接收值得你去做、需要你去做的挑战，那需要你的热情、名声、财富、专注、信念和价值——而不仅仅是市场需要的那些。你是这个时代的建造者；但这并不够，这个时代还需要你来领导”。发现 Google 才是典范。
**张小龙首次公开演讲：4大价值观揭示微信未来模样**
[http://v.qq.com/cover/a/a7v5hfc9umds0c9.html?vid=s0019dietdc](http://v.qq.com/cover/a/a7v5hfc9umds0c9.html?vid=s0019dietdc)
[https://mp.weixin.qq.com/s?__biz=MzA3NDEyMDgzMw==&mid=402863630&idx=1&sn=b4752274767244f8bb28c80fe1483815](https://mp.weixin.qq.com/s?__biz=MzA3NDEyMDgzMw==&mid=402863630&idx=1&sn=b4752274767244f8bb28c80fe1483815)
一切以用户价值为依归、让创造发挥价值、好的产品应该用完即走、让商业化存在于无形之中。另附：[张小龙和乔布斯的产品境界](http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=402887168&idx=1&sn=3a7d431bdb23a75835c80ebc42f96299)
**微信应用号来了，你自己的 app 该怎么办？**
[http://36kr.com/p/5042147.html](http://36kr.com/p/5042147.html)
分析了 Native app 的问题，以及如何应对
**[TOMsInsight]底层用户生态：互联网传销蛊惑**
[http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=405554671&idx=1&sn=09c109c85937050896bb1a0f04d35fb9](http://mp.weixin.qq.com/s?__biz=MzA3NTcwOTIwNg==&mid=405554671&idx=1&sn=09c109c85937050896bb1a0f04d35fb9)
解读互联网的另一面。
**你那些招人的方法都是错的**
[http://weibo.com/p/2309353931558322038041](http://weibo.com/p/2309353931558322038041)
文中提到的这几点相当重要：自驱、好奇心、品性