FEX 技术周刊 – 2016/03/14
最后更新于：2022-04-01 00:04:17
## 深阅读
**State of the Art JavaScript in 2016**
[https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.5m5vu7xmh](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/](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/](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](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/](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](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](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](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](http://blog.triplebyte.com/how-to-pass-a-programming-interview)
可以了解下国外码农面试的关注点。
**Android推送技术研究**
[http://www.jianshu.com/p/584707554ed7](http://www.jianshu.com/p/584707554ed7)
可以澄清很多人对网络部分的一知半解
**Building a Kotlin project 1/2**
[http://cirorizzo.net/2016/03/04/building-a-kotlin-project/](http://cirorizzo.net/2016/03/04/building-a-kotlin-project/)
介绍如何使用 Kotlin 构建 Android 应用
**蘑菇街 App 的组件化之路**
[http://limboy.me/ios/2016/03/10/mgj-components.html](http://limboy.me/ios/2016/03/10/mgj-components.html)
iOS 组件化的实践
**让图片加载这件事儿变得更美好**[http://aotu.io/notes/2016/03/09/img-loading-optimization-in-mobile/](http://aotu.io/notes/2016/03/09/img-loading-optimization-in-mobile/) 文章从各种方面总结了如何让图片加载更快，用户体验更好。同时也提供了一些例子分析。
**浏览器与服务器的消息通信**
[http://blog.brucefeng.info/post/brower-server-msg](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](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](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](https://github.com/ssloy/tinyrenderer/wiki)
500 行代码实现软件渲染，想了解 3D 渲染原理的同学推荐看看
**[译]使用 SVG 输出 Octicon**
[http://efe.baidu.com/blog/delivering-octicons-with-svg/](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](http://mp.weixin.qq.com/s?__biz=MjM5NzM0MjcyMQ==&mid=402033815&idx=1&sn=1f6198787b5f299cc3c1c44f89f42258)
许多用户依然像对待典型的虚拟机那样对待容器。但是他们都忘记了除了与虚拟机相似的部分，容器还有一个很大的优点：它是一次性的。这个特性“本身”促使用户改变他们关于使用和管理容器的习惯；我将会向您解释在容器中不应该做这些事，以确保最大地发挥容器的作用。另附：[OpenStack和Docker不能，Kubernetes和Mesos也不能，ServerLess能决定云计算胜负吗](http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=406021651&idx=2&sn=b349ef1d517282d5d3d970f10c3e41a4&scene=2&srcid=0313n6WVG97c85Uy8xtNRAIx) [10个精选的容器应用案例](http://yd.baidu.com/ebook/4dc229cb6bd97f192379e999?type=cat)
**淘宝大秒系统设计详解**
[http://geek.csdn.net/news/detail/59847](http://geek.csdn.net/news/detail/59847)
最初的秒杀系统的原型是淘宝详情上的定时上架功能，由于有些卖家为了吸引眼球，把价格压得很低。但这给的详情系统带来了很大压力，为了将这种突发流量隔离，才设计了秒杀系统，文章主要介绍大秒系统以及这种典型读数据的热点问题的解决思路和实践经验。另附几个 Server 端技术相关文章：
- [nice服务端架构重构与演进](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=404472153&idx=1&sn=c588d4b4758775304cf19871c3f8bffe) - [偷师饿了么-怎样用HTTP/2优化iOS APP网络层次架构][http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402988368&idx=1&sn=87c22dd18a20526ea6274709059fe443](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=402988368&idx=1&sn=87c22dd18a20526ea6274709059fe443) - [美团线上真实流量压测工具构建](http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=404402191&idx=1&sn=2d0a082e1da027a3b7988857d097d4e9)
## 新鲜货
**cnpm@beta 测试：征集 npm install 非常慢的应用**
[https://cnodejs.org/topic/56dcd2cc502596633dc2c3e9](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](https://github.com/vdemedes/gifi)
**React v15.0 Release Candidate**
[https://facebook.github.io/react/blog/2016/03/07/react-v15-rc1.html](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](https://medium.com/@dan_abramov/hot-reloading-in-react-1140438583bf#.wnneia7ir)
**Introducing InversifyJS**
[http://blog.wolksoftware.com/introducing-inversifyjs](http://blog.wolksoftware.com/introducing-inversifyjs)
[http://inversify.io/](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/](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/](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](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/](https://emilschutte.com/stackoverflow-autocomplete/)
根据 Stack Overflow 答案中的代码来实现自动完成
**ReactCompose**
[http://reactcompose.com/](http://reactcompose.com/)
Compose React components with a functional api
**前端工程師分享：十大好用易上手 HTML 5 前端框架**
[http://buzzorange.com/techorange/2016/03/11/html5-frames/](http://buzzorange.com/techorange/2016/03/11/html5-frames/)
主要是 CSS 框架
**MyHTML**
[http://lexborisov.github.io/myhtml/](http://lexborisov.github.io/myhtml/)
一个纯 C 写的 HTML 解析库
**tcpkali**
[https://github.com/machinezone/tcpkali](https://github.com/machinezone/tcpkali)
Fast multi-core TCP and WebSockets load generator
**AlphaGo 开源实现版本**
[https://github.com/Rochester-NRT/AlphaGo](https://github.com/Rochester-NRT/AlphaGo)
有人阅读了 DeepMind 的那篇论文，然后开始根据它来实现开源版本的 AlphaGo，不过目前还刚开始。AlphaGo 最佳非常抢眼，相关文章： - [AlphaGo的分析](http://zhuanlan.zhihu.com/yuandong/20607684) Facebook 人工智能组研究员在阅读了 AlphaGo 论文后的分析 - [击败李世石后，AlphaGo 的下一步是什么](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=402930825&idx=1&sn=3182ba46f461de324dd13ea7f2b183fe)
**Introducing native ad-blocking feature for faster browsing**
[https://www.opera.com/blogs/desktop/2016/03/native-ad-blocking-feature-opera-for-computers/](https://www.opera.com/blogs/desktop/2016/03/native-ad-blocking-feature-opera-for-computers/)
Opera 将原生支持广告过滤
**Eclipse Che**
[https://github.com/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](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](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](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=403025428&idx=1&sn=bb2c0380ce29dc3cecf5f6a2afe36960)Hadoop 科普。
## 产品及其它
**百度 H5 内测**
[http://h5.baidu.com/docs/beginning/use.html](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=MjM5ODQwMjA4MA==&mid=401614332&idx=1&sn=97abf02c28c9eb290619654a451e567d)
企业微信入局，移动端企业沟通工具风云再起。
**专访：前端布道师@张克军**
[http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402273083&idx=1&sn=590b94fe4976d3f428463d690e4385cb](http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=402273083&idx=1&sn=590b94fe4976d3f428463d690e4385cb)
这几点分享不错：
- 出现瓶颈取决于视野，当看不到发展方向和趋势时，便会苦于没有突破
- 工程师的三个时期：菜鸟期（2-3年）、成熟期、创造期 - 前端工程师如何发展的可能性：专家、极客、自由开发者、转型
**怎么评价真阿当的前端收费收徒计划**
[https://www.zhihu.com/question/41112707](https://www.zhihu.com/question/41112707)
这莫非是码农的另一个生财之道？