FEX 技术周刊 - 2016/08/01

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

业界会议

Node Summit-2016.07.27-28
http://nodesummit.com/
会议规模挺大的，感兴趣的同学可以自行 Google 去关注相关新闻和资料。附：[Bringing ChakraCore to Linux and OS X] https://blogs.windows.com/msedgedev/2016/07/27/chakracore-on-linux-osx/

深阅读

Protocol Buffers v3.0.0
https://github.com/google/protobuf/releases/tag/v3.0.0
The main intent of introducing proto3 is to clean up protobuf before pushing the language as the foundation of Google’s new API platform. In proto3, the language is simplified, both for ease of use and to make it available in a wider range of programming languages. At the same time a few features are added to better support common idioms found in APIs.

What Do the Popular JavaScript Tools Depend On?
http://developer.telerik.com/featured/popular-javascript-tools-depend/
My aim in writing this article is simple: I’m going to loosely describe what I am calling the “hard’ish dependencies” (I’ll define what I mean by “hard’ish dependencies” momentarily) for the following JavaScript tools: jQuery、Angular 2、Angular 1、React、Aurelia、Ember、Vue.js

Dependency injection in React powered by InversifyJS
http://blog.wolksoftware.com/dependency-injection-in-react-powered-inversifyjs
Most of the solutions for dependency injection (DI) in React components are based on context. The famous connect function and the Provider there use the context. However, the React development team recommends avoiding the usage of the context. In this article we will learn how we can use InversifyJS as a context-free solution for DI in React applications.

前端开源项目持续集成三剑客
http://efe.baidu.com/blog/front-end-continuous-integration-tools/
介绍如何使用 github 上的持续基础工具

京东上千页面搭建基石——CMS前后端分离演进史
http://mp.weixin.qq.com/s?__biz=MzIwODA4NjMwNA==&mid=2652897861&idx=1&sn=f2804fd064c7d3ea86554c187ae03db7
可以了解些 CMS 技术在京东的使用。

Building Redux in TypeScript with Angular 2
http://blog.ng-book.com/introduction-to-redux-with-typescript-and-angular-2/
介绍了一些redux相关的概念，以教程的方式介绍了如何在angular2里使用redux

Web Design in 4 minutes
http://jgthms.com/web-design-in-4-minutes/
Learn the basics of web design in 4 minutes with this interactive tutorial.

Why Uber Engineering Switched from Postgres to MySQL
https://eng.uber.com/mysql-migration/
真能折腾啊。相关讨论 https://yq.aliyun.com/articles/58421

[译]从发展历史理解 ES6 Module
http://www.zcfy.cc/article/876
ES6 带来了 JavaScript 最大的变化，包括管理大型、复杂代码库的一些新特性。这些特性，主要是 import 和 export 关键词，共同被称为 modules。这篇文章分析了 JavaScript 是如何克服每种方案的挑战的，还有哪些没能解决。最后我们会看清楚，这些方案是怎样影响 ES6 模块设计的，以及 ES6 是如何面向未来定位的。

[译]扒一扒 CSS 语言的诞生史
http://qianduan.guru/2016/07/26/The-Languages-Which-Almost-Became-CSS/
原来早期的「CSS」是那么强大，但后来为了方便入门才简化成了现在的样子

[译]React.js 模式
http://www.60sky.com/post/react-in-patterns.html
http://krasimirtsonev.com/blog/article/react-js-in-design-patterns
我想找一个好的前端前端框架，找了很久。这个框架将能够帮助我写出具有可扩展性、可维护性 UI 的代码。通过对 React.js 优势的理解，我认为“我找到了它”。在我大量的使用过程中，我发现了一些模式性的东西。这些技术被一次又一次的用于编程开发之中。此时，我将它写下来、讨论和分享这些我发现的模式。

通过分析 NPM 上 165 万个版本的 Node.js 模块我学到了什么
http://mp.weixin.qq.com/s?__biz=MzI0ODA2ODU2NQ==&mid=2651129656&idx=2&sn=b9a56bde38b9d3792d52cf61ac24d6b2#rd

性能不好怎么办？对着清单撸一遍
http://mp.weixin.qq.com/s?__biz=MzAwNjY4NTQ4MA==&mid=2651174290&idx=1&sn=288518f030801f4d90878e806546487c
Brendan Gregg是Netflix的资深性能架构师，著名性能调优专家。著有《性能之巅：洞悉系统、企业与云计算》)一书，可以说是性能调优领域的集大成之作。前不久，Brendan Gregg在SREcon16上分享了《Performance Checklists for SREs》，也是干货满满。我们一起来看看。

Docker和容器云落地一年后的反思
https://segmentfault.com/a/1190000006052556
还是挺中肯的

最全面的Android热修复技术
http://blog.csdn.net/u010299178/article/details/52031505
对比目前各个方案的功能及原理

怎样理顺react，flux，redux这些概念的关系，开发中有必要使用它们吗?
https://www.zhihu.com/question/47686258/answer/107209140
很详细的回答

彻底解决Webpack打包性能问题
https://zhuanlan.zhihu.com/p/21748318
介绍 webpack.DllPlugin

HOW WE’RE BRINGING HTML5 VIDEO ANIMATIONS INTO TELLYO PRO
http://blog.tellyo.com/bringing-html5-video-animations-tellyo-pro/
在vadio中插入动画效果的内容，文中先后尝试了Pango、Qt5、SVG等方案，最终选择了用 WebVfx 这个框架

七种WebSocket框架的性能比较
http://colobu.com/2015/07/14/performance-comparison-of-7-websocket-frameworks/
Java 中 Netty 最好，Node.js 也不错

缓存更新的套路
http://coolshell.cn/articles/17416.html
更新缓存的的Design Pattern有四种：Cache aside, Read through, Write through, Write behind caching，我们下面一一来看一下这四种Pattern。

如何发现优秀的开源项目
http://stormzhang.com/github/2016/07/28/learn-github-from-zero7/
GitHub 其中一个最重要的作用就是发现全世界最优秀的开源项目，你没事的时候刷刷微博、知乎，人家没事的时候刷刷 GitHub ，看看最近有哪些流行的项目，久而久之，这差距就越来越大，那么如何发现优秀的开源项目呢？这篇文章我就来给大家介绍下。

iOS黑客技术大揭秘
http://dev.qq.com/topic/5791da152168f2690e72daa4
准确来说不是黑客，是破解相关的

一步一步实现Android的MVP框架
http://dev.qq.com/topic/5799d7844bef22a823b3ad44
这样理解起来更容易

新鲜货

Docker Built-In Orchestration Ready For Production: Docker 1.12 Goes GA
https://blog.docker.com/2016/07/docker-built-in-orchestration-ready-for-production-docker-1-12-goes-ga/
We wanted to thank everyone in the community for helping us achieve this great milestone of making Docker 1.12 generally available for production environments. Docker 1.12 adds the largest and most sophisticated set of features into a single release since the beginning of the Docker project.

Surround 360 is now open source
https://code.facebook.com/posts/265413023819735/surround-360-is-now-open-source/
Facebook 开源了全景摄像机的硬件设计

Peak - A well documented set of tools for building node web applications
http://perkframework.com/
A node framework built on three core tenets: documentation, stability and balance.

RE-Build
https://github.com/MaxArt2501/re-build
Build regular expressions with natural language.

ViralJS
https://github.com/PixelsCommander/ViralJS/
ExpressJS middleware for P2P Web apps distribution

React-monocle - A Tool to Visualize A React Application’s Component Hierarchy
https://github.com/team-gryff/react-monocle
React Monocle 通过解析你的react源代码来生成一个react component 层次的树结构图，方便你快速查看各个component的各种属性是如何传递已经在哪个环节出了bug，感觉从此调试起来要上天了呢

create-react-app
https://github.com/facebookincubator/create-react-app
通过这个库可以快速的创建react app 而无需去做build相关的工作

An SVG Animation Case Study
https://www.smashingmagazine.com/2016/07/an-svg-animation-case-study/
一套不错的SVG 动画实现的学习demo

PWAify
https://dev.opera.com/articles/pwa-desktop/
通过PWAify这个库来在桌面上开发Progressive web app

Globe Viewer
https://github.com/k9/globe-viewer
http://k9.github.io/globe-viewer
Renders the globe in different ways using WebGL (Live Demo). Uses fixed data sources for now, though this is meant as a base for visualizations that add other data sets.

Aquarelle
https://github.com/Ramotion/aquarelle
一款水彩主题效果的js库

howler.js
https://github.com/goldfire/howler.js
howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

Offline Google Analytics Made Easy
https://developers.google.com/web/updates/2016/07/offline-google-analytics
离线版本的GA，让你的代码在线下也可以获取页面的一些性能数据，当然主要是在server端加一些代码来存储Google Analytics requests，然后等到有网的再正真的发送这些请求

Create a 3D Panorama Image with A-Frame
https://davidwalsh.name/3d-panorama-image
https://github.com/aframevr/aframe/
A-Frame is a open-source framework for creating 3D and virtual reality experiences on the web

React Native v0.31.0 released
http://www.reactnative.com/react-native-v0-31-0-released/

Aurelia 1.0 is Here
http://blog.durandal.io/2016/07/27/aurelia-1-0-is-here/
Aurelia is a platform for building apps, based on top of open web technologies. You can build browser apps, you can build mobile apps and you can build desktop apps. Aurelia stays very close to web standards by embracing ES 2015+, Web Components and the modern DOM. It’s also uniquely unobtrusive, allowing it to stay out of your JavaScript code while you focus on your app.

Announcing Meteor 1.4 - Updated Node and MongoDB versions & more
http://info.meteor.com/blog/announcing-meteor-1.4

Laracon: Laravel 5.3 Recap
https://laravel-news.com/2016/07/laravel-5-3-recap/
Laravel 5.3 一些新特性的介绍，例如 Scout Passport Mailable Notifications

Dory
https://github.com/Wildhoney/Dory
Dory is a responsive, universal, GitHub collaborated blogging platform built on React and powered by Express. By combining awesome features such as automatic RSS generation, HTML5 offline support, push notifications, with a powerful development environment using hot reloading, SASS and Markdown, Dory allows developers to quickly dive into the depths of blogging.

The jQuery Foundation and Standards
http://blog.jquery.com/2016/07/27/the-jquery-foundation-and-standards-2/
https://github.com/jquery-foundation/standards
The jQuery Standards Group exists to give web developers a voice in the standards process.

Love for TypeScript
https://github.com/Microsoft/TypeScript/issues/10011
码农们对 TS 的感谢。

产品及其它

moment().endOf(‘term’)
https://medium.com/@timrwood/moment-endof-term-522d8965689#.dbdsxzmo4
moment 的发起者因个人健康的原因将这个项目彻底交给社区主导，开源精神和社区让这个类库成为 github 上最受欢迎的类库之一，也将给它更好的未来。

我脑海中的优秀技术团队
http://www.html-js.com/article/3667
芋头对团队的思考，赞这几点：当一个开发纠结于自己做的一些初级实现的事情的价值时，不如多思考对于团队和业务的价值；团队到了一定阶段之后，一定要有目标和方法论，否则还是原始的行军状态，大家都会迷茫，内耗也会非常高；规范化的最终目的，一个是提高开发效率，另一个是确保团队开发的可持续性，减少“坑”出现的几率；技术人应用的品质：好奇心、持之以恒的学习、分析解决问题的方式。

不能All in的人别去创业公司
http://mp.weixin.qq.com/s?__biz=MzAwNzI0MTkwNw==&mid=2661130958&idx=1&sn=d0bef0b1d1f51ce81505fc929af3f224
最近挺火的文章，但也有不同观点 关于那篇 10W+ 的《没事别想不开去创业公司》，我想喷几句

[译]为什么跟用户介绍你的“产品功能”，却往往起不到好的效果？
http://mp.weixin.qq.com/s?__biz=MjM5NDUyOTAwOA==&mid=2652912204&idx=1&sn=1e8085d1ac3322e611023057e6f6f6dc
功能（好用）是你的产品可以做什么，而好处（有用）是顾客可以用你的产品做什么。

偶像的黄昏，中国互联网公司应该从雅虎的衰落中学到什么
http://tech.qq.com/a/20160726/003692.htm
http://tech.qq.com/a/20160731/006623.htm
虽然已没落，雅虎仍然是一个值得尊敬的伟大公司。正如吴军老师所言：雅虎时代的终结宣告智能时代的到来。对于任何公司来讲，它都属于一个时代，当一个时代过去了，它的历史使命就已经完成了，因此它的终结并非是一件坏事，只有这样才可以释放出资源投入到更重要的产业中去。