FEX 技术周刊 - 2016/03/14

zhangjunah | 14 Mar 2016

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

深阅读

State of the Art JavaScript in 2016
https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.5m5vu7xmh
如果你最近没怎么关注前端新技术，可以看看这篇文章了解

Angular is a Design Pattern
http://blog.ionic.io/angular-is-a-design-pattern/
One of the major realizations we’ve had from working on Ionic 2 is how similar Angular 2 and Angular 1 are at a high level, and how understanding this will help developers move from Angular 1 to Angular 2 far more easily. In many ways, Angular 2 isn’t really a new framework at all, just a new implementation of the same one we’ve come to know and love.

A Year Without jQuery
http://blog.wearecolony.com/a-year-without-jquery/
And I think that’s one lesson we can all take away from jQuery, whether it continues to be used or not. In many ways, moving to vanilla JavaScript highlights the ugliness of working with the DOM directly, and the shortcomings of native Element object — shortcomings which Resig solved so incredibly elequently with the jQuery API.

JavaScript founder Brendan Eich: WebAssembly is a game-changer
http://www.infoworld.com/article/3042705/web-development/javascript-founder-brendan-eich-webassembly-is-a-game-changer.html
Brendan 看好 WebAssembly 和 Service Worker

Facebook’s new front-end server design delivers on performance without sucking up power
https://code.facebook.com/posts/1711485769063510/facebook-s-new-front-end-server-design-delivers-on-performance-without-sucking-up-power/
Facebook 的硬件服务器技术选型

Full-Stack Redux Tutorial
http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html 基于 React、Redux 和 Immutable 开发全站应用的例子，写得很详细，覆盖了许多方面的技术

DeepMind founder Demis Hassabis on how AI will shape the future
http://www.theverge.com/2016/3/10/11192774/demis-hassabis-interview-alphago-google-deepmind-ai
The Verge 对 DeepMind 创始人的采访

How We Build Code at Netflix
http://techblog.netflix.com/2016/03/how-we-build-code-at-netflix.html
How does Netflix build code before it’s deployed to the cloud? While pieces of this story have been told in the past, we decided it was time we shared more details. In this post, we describe the tools and techniques used to go from source code to a deployed service serving movies and TV shows to more than 75 million global Netflix members.

How to pass a programming interview
http://blog.triplebyte.com/how-to-pass-a-programming-interview
可以了解下国外码农面试的关注点。

Android推送技术研究
http://www.jianshu.com/p/584707554ed7
可以澄清很多人对网络部分的一知半解

Building a Kotlin project 1/2
http://cirorizzo.net/2016/03/04/building-a-kotlin-project/
介绍如何使用 Kotlin 构建 Android 应用

蘑菇街 App 的组件化之路
http://limboy.me/ios/2016/03/10/mgj-components.html
iOS 组件化的实践

让图片加载这件事儿变得更美好 http://aotu.io/notes/2016/03/09/img-loading-optimization-in-mobile/ 文章从各种方面总结了如何让图片加载更快，用户体验更好。同时也提供了一些例子分析。

浏览器与服务器的消息通信
http://blog.brucefeng.info/post/brower-server-msg
主要上介绍长连接的实现方案，感觉内容有点老了

ReactNative For Android 项目实战总结
http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=401483604&idx=1&sn=399cdf7e13fe6125108de1bfd045f2cf&scene=0#wechat_redirect
Qzone 在 React Native 方面的尝试，性能比 H5 版本略好

深入源码探索 ReactNative 通信机制
http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=663
介绍最新 React Native For Android 版本的通信机制

How OpenGL works: software renderer in 500 lines of code
https://github.com/ssloy/tinyrenderer/wiki
500 行代码实现软件渲染，想了解 3D 渲染原理的同学推荐看看

[译]使用 SVG 输出 Octicon
http://efe.baidu.com/blog/delivering-octicons-with-svg/
GitHub.com 现在不再使用字体来输出图标了。我们把代码库中所有的 Octicon 替换成了 SVG 版本。虽然这些改动并不那么明显，但你马上就能体会到 SVG 图标的优点。

使用 Docker 容器应该避免的 10 个事情
http://mp.weixin.qq.com/s?__biz=MjM5NzM0MjcyMQ==&mid=402033815&idx=1&sn=1f6198787b5f299cc3c1c44f89f42258
许多用户依然像对待典型的虚拟机那样对待容器。但是他们都忘记了除了与虚拟机相似的部分，容器还有一个很大的优点：它是一次性的。这个特性“本身”促使用户改变他们关于使用和管理容器的习惯；我将会向您解释在容器中不应该做这些事，以确保最大地发挥容器的作用。另附：OpenStack和Docker不能，Kubernetes和Mesos也不能，ServerLess能决定云计算胜负吗 10个精选的容器应用案例

淘宝大秒系统设计详解
http://geek.csdn.net/news/detail/59847
最初的秒杀系统的原型是淘宝详情上的定时上架功能，由于有些卖家为了吸引眼球，把价格压得很低。但这给的详情系统带来了很大压力，为了将这种突发流量隔离，才设计了秒杀系统，文章主要介绍大秒系统以及这种典型读数据的热点问题的解决思路和实践经验。另附几个 Server 端技术相关文章：

nice服务端架构重构与演进
[偷师饿了么-怎样用HTTP/2优化iOS APP网络层次架构](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402988368&idx=1&sn=87c22dd18a20526ea6274709059fe443
美团线上真实流量压测工具构建

新鲜货

cnpm@beta 测试：征集 npm install 非常慢的应用
https://cnodejs.org/topic/56dcd2cc502596633dc2c3e9
cnpm 高速版本目前正在 beta，为了更加大范围地支持 npm install 很慢的项目，需要大家来帮忙测试。

如果你当前日常的项目每次重新 npm install 你都需要走开去喝咖啡喝茶的，那么你就是我们这次发布的重点关注对象了。
如果你是公司里面负责前端工程的同学，你是不是每天都在吐槽“尼玛 build 一个 react app 比 build Java 还慢”？回答 yes？那么你就是我们这次发布的重点关注对象了。
在 Twitter 上每天都有很多人抱怨 npm install 超级慢，你是不是也在抱怨呢？回答 yes？那么你就是我们这次发布的重点关注对象了。关于 npm 慢的问题，竟然还有人整出了这个：watch GIFs while running npm install

React v15.0 Release Candidate
https://facebook.github.io/react/blog/2016/03/07/react-v15-rc1.html
This 15.0 release follows our previous 0.14 version and we’ll continue to follow semver like we’ve been doing since 2013. It’s also worth noting that we no longer actively support Internet Explorer 8. 另附：Hot Reloading in React

Introducing InversifyJS
http://blog.wolksoftware.com/introducing-inversifyjs
http://inversify.io/
A lightweight inversion of control container for TypeScript & JavaScript apps. A pico IoC container uses a class constructor to identify and inject its dependencies. InversifyJS has a friendly API and encourage the usage of the best OOP and IoC practices.

Announcing SQL Server on Linux
https://blogs.microsoft.com/blog/2016/03/07/announcing-sql-server-on-linux/
Today I’m excited to announce our plans to bring SQL Server to Linux as well. This will enable SQL Server to deliver a consistent data platform across Windows Server and Linux, as well as on-premises and cloud. We are bringing the core relational database capabilities to preview today, and are targeting availability in mid-2017.

HTML 5.1
https://www.w3.org/TR/html51/
The styling has been updated and the spec is now easier to read than ever (although it certainly isn’t bedtime reading).

git-sketch-plugin
https://github.com/mathieudutour/git-sketch-plugin A Git client built right into Sketch. Generate pretty diffs so that everybody knows what are the changes!

Autocomplete from Stack Overflow
https://emilschutte.com/stackoverflow-autocomplete/
根据 Stack Overflow 答案中的代码来实现自动完成

ReactCompose
http://reactcompose.com/
Compose React components with a functional api

前端工程師分享：十大好用易上手 HTML 5 前端框架
http://buzzorange.com/techorange/2016/03/11/html5-frames/
主要是 CSS 框架

MyHTML
http://lexborisov.github.io/myhtml/
一个纯 C 写的 HTML 解析库

tcpkali
https://github.com/machinezone/tcpkali
Fast multi-core TCP and WebSockets load generator

AlphaGo 开源实现版本
https://github.com/Rochester-NRT/AlphaGo
有人阅读了 DeepMind 的那篇论文，然后开始根据它来实现开源版本的 AlphaGo，不过目前还刚开始。AlphaGo 最佳非常抢眼，相关文章：

AlphaGo的分析 Facebook 人工智能组研究员在阅读了 AlphaGo 论文后的分析
击败李世石后，AlphaGo 的下一步是什么

Introducing native ad-blocking feature for faster browsing
https://www.opera.com/blogs/desktop/2016/03/native-ad-blocking-feature-opera-for-computers/
Opera 将原生支持广告过滤

Eclipse Che
https://github.com/eclipse/che
Next-generation Eclipse IDE. Open source workspace server and cloud IDE.

APNS/2
https://github.com/sideshow/apns2
HTTP/2 Apple Push Notification Service (APNs) push provider for Go

CocoaPods downloads max out five GitHub server CPUs
https://github.com/CocoaPods/CocoaPods/issues/4989
一个 Swift & Objective C 的依赖管理工具对 GitHub 的影响竟然这么大。写这类东西得注意呀。

一篇文看懂Hadoop：风雨十年，未来何去何从
http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=403025428&idx=1&sn=bb2c0380ce29dc3cecf5f6a2afe36960 Hadoop 科普。

产品及其它

百度 H5 内测
http://h5.baidu.com/docs/beginning/use.html
百度 H5 是百度公司推出的移动端 H5 页面快速制作工具平台。特性包括：可视化地构建并发布专属 H5 页面，无需付费去广告；支持文本、媒体（含音频，图片，图标）、形状、表单四大类组件，全方位满足各种需求。有来自百度各大产品线运营实战的四十余套创意模板，为构思提供源源不断的灵感，其中包括曾创下百万级 PV 记录的多个案例。

关于「企业微信」你值得了解的10件事
http://mp.weixin.qq.com/s?__biz=MjM5ODQwMjA4MA==&mid=401614332&idx=1&sn=97abf02c28c9eb290619654a451e567d
企业微信入局，移动端企业沟通工具风云再起。

专访：前端布道师@张克军
http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402273083&idx=1&sn=590b94fe4976d3f428463d690e4385cb
这几点分享不错：

出现瓶颈取决于视野，当看不到发展方向和趋势时，便会苦于没有突破
工程师的三个时期：菜鸟期（2-3年）、成熟期、创造期
前端工程师如何发展的可能性：专家、极客、自由开发者、转型

怎么评价真阿当的前端收费收徒计划
https://www.zhihu.com/question/41112707
这莫非是码农的另一个生财之道？

作者：zhangjunah (http://weibo.com/zhangjunah) - Just a man