FEX 技术周刊 - 2016/07/18

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

业界会议

ArchSummit全球架构师峰

http://sz2016.archsummit.com/

话题挺多的，期待演讲资料。

极客公园奇点·创新者峰会

http://tech.qq.com/p/topic/20160712025567/index.html

http://singularity.geekpark.net/

极客公园的官网上也有演讲资料，可以关注下技术及产业的未来

深阅读

Mixins Considered Harmful

https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html

In this post, we will consider the problems commonly caused by mixins. Then we will suggest several alternative patterns for the same use cases. We have found those patterns to scale better with the complexity of the codebase than mixins. 另附 React 官方给出的 Introducing React’s Error Code System

Reason: Build Systems Rapidly

https://facebook.github.io/reason/

http://www.zhihu.com/question/46551878/answer/110468322

Reason is a new interface to OCaml - a highly expressive dialect of the ML language featuring type inference and static type checking. Reason provides a new syntax and toolchain for editing, building, and sharing code, and will evolve in the open as a community collaboration. Reason already has contributors across several organizations/companies.

What JavaScript Programmers Need to Know about Transpilers

http://thenewstack.io/javascript-transpilers-need-know/

Transpilers, which convert code in one language to another, used to be more about alternative programming languages like CoffeeScript, ClojureScript and Elm, or even using languages like C and C++, like Emscripten, which turns LLVM bytecode into asm.js code. That’s not about replacing JavaScript, points out Dave Herman, Mozilla’s director of strategy and research; “multiple programming models for the Web can happily coexist and even provide healthy competition and cross-pollination of ideas.”

ES6 Feature Complete

https://webkit.org/blog/6756/es6-feature-complete/

实现支持 ES6 背后的细节

WebP Support – It’s More Than You Think

https://optimus.keycdn.com/support/webp-support/

There has been a lot of confusion lately over WebP support and just exactly what you can and cannot use it with, such as browser support, CMS support, etc. Today we want to clear up any doubts you might have. WebP support is actually a lot better than what you might think.

[译]物联网世界的前端开发

http://www.zcfy.cc/article/front-end-development-in-an-internet-of-things-world-843.html

https://www.sitepoint.com/the-future-of-the-web-in-an-internet-of-things-world/

前端开发者可以不去管物联网，但如果这么做的话，未来的 Web 可能会成为各种 App 的孤岛，而不是今天这样一个开放而有趣的共享生态圈。除非你转行不干前端，不然为了我们自己的生活更有趣，还是应该为这个行业的未来做一些努力的。

[译]来自于PayPal的RESTful API标准

https://segmentfault.com/a/1190000005924733

在构建API时，我们不可避免的会采用现有的跨平台的HTTP的交互方式与资源模型，因此如果你发现你目前的模式与我们的标准南辕北辙，那么请咨询你们专业的API设计师以获得进一步的建议。

A COMPREHENSIVE GUIDE TO FONT LOADING STRATEGIES

https://www.zachleat.com/web/comprehensive-webfonts/

This guide is not intended for use with font icons, which have different loading priorities and use cases. Also, SVG is probably a better long term choice.

React Native是原生开发的末日吗？

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0713/4498.html

总结 React Native 的优缺点，以及它的试用场景。另附： React Native 布局浅探

[聊一聊系列]聊一聊移动调试那些事儿

https://segmentfault.com/a/1190000005964730

整理如何调试各种浏览器

3 simple steps to improve your React Redux code

https://www.ckl.io/blog/3-simple-steps-to-improve-react-redux-code/

Define the role of your components; Decide what state information actually needs to be in the Store; Consider sharing your CSS components’ namespaces;

大搜车NodeJS日志规范化与分析监控

http://f2e.souche.com/blog/ri-zhi-gui-fan-hua-yu-fen-xi-jian-kong/

大搜车在 Node.js 监控方面的实践经验。这里还有他们的另一个实践 部署和定制 CNPM

Create an App in VueJS 2

https://auth0.com/blog/2016/07/14/create-an-app-in-vuejs-2/

VueJS 2 的实践，感兴趣的同学可以参考

Real–world HTTP/2: 400gb of images per day

https://99designs.com.au/tech-blog/blog/2016/07/14/real-world-http-2-400gb-of-images-per-day/

We began a small-scale rollout for static assets earlier this year. After building confidence in our new infrastructure, we began transitioning our static assets to HTTP/2. Surprisingly, some sections of our platform felt noticeably slower. This post will cover our investigation into the performance regressions we experienced by adopting HTTP/2. Our story isn’t the panacea of web performance typically associated with HTTP/2. We hope sharing our sobering experience will help to balance the discussion.

HOW WE BUILT UBER ENGINEERING’S HIGHEST QUERY PER SECOND SERVICE USING GO

https://eng.uber.com/go-geofence/

In early 2015 we built a microservice that does one thing (and does it really well), geofence lookups. One year later, this service is Uber’s highest queries per second (QPS) service out of the hundreds we run in production. Here’s the story of why we built this service, and how the relatively recent Go programming language helped us build and scale it so fast.

从数据和流程的视角，思考服务编排的落地路径

http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659597707&idx=1&sn=8662c43c1e99a6914d418c8a659f9bf9

不管是SOA还是微服务，它们本质上都是服务，服务的碎片化看上去带来了物理上的解耦以及数据上更多的自主，目标是更快速地适应了业务的变化。但IT系统对于用户来说永远是一个整体，离散化带来了更大的集成难度，通过元数据+流程，描述和编排碎片化的服务，是实现服务集成的捷径。

正交设计，OO 与 SOLID

https://codingstyle.cn/topics/192

正交设计，是普遍的设计原则，与粒度无关，与编程范式无关，更与具体的实现语言无关。（虽然确实在不同的编程范式下，或使用不同的编程语言时，具体的解决方法或难易程度不同，这也正是为何我们总是在寻找更适合的编程范式，更高效的编程语言的原因）。而具体到面向对象范式，我们都知道著名的SOLID原则。但是：这五个原则是怎么来的？它们的目的和在？它们的关系如何？

令世人惊叹的服务器端 Swift

https://realm.io/cn/news/slug-edward-jiang-server-side-swift/

Swift 已然演变成了一门开源、跨平台的编程语言，有许多个团队正在竞相利用 Swift 语言能够用于 Web 开发。其中最主要的框架分别是：Perfect、Vapor 以及 IBM 的 Kitura，它们在 GitHub 上已经获得了超过 13,000 个星星了，并且热度依然不减！接下来我们将会聊一聊这些框架的优缺点，并且介绍如何入门服务器端 Swift 开发。

理解Native Crash处理流程

http://gityuan.com/2016/06/25/android-native-crash/

基于源码分析 Native Carsh 流程

包建强：为什么我说Android插件化从入门到放弃？

https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993300&idx=1&sn=797fa87ef528cff3a50e77806cf9f675

Android插件化的历史并不长，但已经有人在问我们要不要放弃这门技术。《App研发录》的作者包建强老师持有怎样的观点？

Google I/O 2016 笔记：APK 瘦身的正确姿势

https://zhuanlan.zhihu.com/p/21543787

和国内环境有些不一样倒是

新鲜货

React Weekly 即将启动

https://cooperpress.typeform.com/to/UYcOaF

JavaScript Weekly 的维护者们即将启动 React Weekly，欢迎订阅。

Announcing TypeScript 2.0 Beta

https://blogs.msdn.microsoft.com/typescript/2016/07/11/announcing-typescript-2-0-beta/

https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript

静态类型进一步增强

Microsoft Has Open Sourced the VS Code Language Server Protocol

http://www.infoq.com/cn/news/2016/07/language-server-protocol

【Microsoft已将VS Code 语言服务器协议开源】Visual Studio Code为支持多种语言，包含了Monaco Editor及用于语法检查、错误报告等功能的代码验证工具。通常每种可支持的编程语言需要一个这样的服务器，Monaco与这些服务器之间的通信是通过LSP实现的，Microsoft最近已将LSP开源

Fathom - A framework for extracting meaning from web pages

https://github.com/mozilla/fathom

Fathom is an experimental framework for extracting meaning from web pages, identifying parts like Previous/Next buttons, address forms, and the main textual content. Essentially, it scores DOM nodes and extracts them based on conditions you specify. A Prolog-inspired system of types and annotations expresses dependencies between scoring steps and keeps state under control. It also provides the freedom to extend existing sets of scoring rules without editing them directly, so multiple third-party refinements can be mixed together.

HyperTerm

https://hyperterm.org/

The goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards.

Improve Angular Performance with React

https://daveceddia.com/improve-angular-performance-with-react/

If you’ve run up against performance problems with Angular due to a high number of watchers or unpredictable and expensive re-renders, ngReact could help. Or if you have an existing Angular app and you’d just like to try out React without rewriting your whole app, ngReact could help there too.

国内Top500Android应用分析报告

http://mp.weixin.qq.com/s?__biz=MzA5OTMxMjQzMw==&mid=2648112527&idx=1&sn=b23c1b5f3e32e343ad96d705bd4d63ff

分析国内流行安卓应用都使用了哪些库，比如 React Native 等

移动应用开发者必须知道的Deep Linking技术

https://zhuanlan.zhihu.com/p/21556876

苹果在iOS 9中推出Universal Links(通用连接) 一种能够方便的通过传统 HTTPS 链接来启动 APP, 使用相同的网址打开网站和 APP。通过唯一的网址, 不需要特别的URI Scheme就可以链接一个特定APP里面的视图 。

VitualApp

https://github.com/asLody/VirtualApp

在 Android 上多开应用的框架

Slate - A completely customizable framework for building rich text editors

https://github.com/ianstormtaylor/slate

Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Canvas—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity.

Talus

http://juanbrujo.github.io/Talus/

自动安装 Mac 开发环境的脚本

Cloud9 Acquired by Amazon

https://c9.io/blog/great-news/

Cloud9 是业界最好的 WebIDE，被 Amazon 收购了。

DocSearch

https://community.algolia.com/docsearch/

开源文档搜索平台

Professional Software Development

http://mixmastamyk.bitbucket.org/pro_soft_dev/

面向学生的一本书

Cleave.js - to help you format input text content automatically

https://github.com/nosir/cleave.js

http://nosir.github.io/cleave.js/

支持 Date、Number、电话号码等

CSS Color Module Level 4

https://www.w3.org/TR/2016/WD-css-color-4-20160705/

This specification describes CSS values and properties for foreground color and group opacity. CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc.

Results for js web frameworks benchmark

http://www.stefankrause.net/wp/?p=301

http://www.stefankrause.net/js-frameworks-benchmark2/webdriver-java/table.html

其实要清晰地知道：性能只是技术选型的一个参考因子

Django REST framework 3.4

http://www.django-rest-framework.org/topics/3.4-announcement/

Django 是经典的 Python 框架，这是它的 REST 版的最新版，可以在做 Node 框架时借鉴。

HermesEventBus-饿了么开源的Android跨进程事件分发框架

https://elelogistics.github.io/2016/07/13/HermesEventBus-%E4%B8%80%E7%A7%8D%E6%96%B0%E7%9A%84Android%E8%B7%A8%E8%BF%9B%E7%A8%8B%E4%BA%8B%E4%BB%B6%E5%88%86%E5%8F%91%E6%A1%86%E6%9E%B6/

https://github.com/eleme/HermesEventBus

产品及其它

程序员禅修十诫

http://mp.weixin.qq.com/s?__biz=MzAwNDc0MTUxMw==&mid=2649639215&idx=1&sn=12b252e75aa3811c46c7fbf23cefd246

The Zen Programmer一书作者Christian Grobmeier 提出的禅修十诫，的确是成为优秀的工程师的诀窍。

[译]敏捷已死？错！3招助你炼出一个更好的技术团队！

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993290&idx=1&sn=3fe29ef80c41d09c6f2bfa2e2152ee6b

https://www.infoq.com/articles/exercises-building-better-teams

当你处理团队的价值准则时，要记住团队是个有机体。它一直在进化，并且那是好事。要跟他们在一起，并拥抱他们的变化。作为敏捷大师，你永远不会觉得厌烦。要时刻准备好，以开放的心态迎接任何可能发生的变化。只要你们都赞同，那你发现的任何价值准则都是正确的价值准则。

13种方法，32张PPT，从“心相”到“皮相”详解情感化设计

http://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=2653433303&idx=1&sn=c1e2cb42ece0fb0822d577889413d5bf

姜岩老师通过抛出“情感化的吸引依靠的是产品的心相还是皮相？”这一问题，引发现场的思考。她把产品拟人化，把产品想向用户传递的信息比作产品的心相，把具体的情感化表达手法比作产品的皮相，心相和皮相的结合最终呈现为情感化的演绎设计，让产品更加灵动。

全球“可商业化”创新报告

http://tech.qq.com/a/20160713/007201.htm

美国麻省理工学院 MIT Technology Review 评选出了2016年度“50 Smartest Companies”。这份榜单并非评估和褒奖“极客式的、长远的、富有想象力的创新”，而是将价值评判聚焦于“即时的、可用的、有价值的技术创新”。更确切的说，是一种“可商业化的创新”。企鹅智酷对榜单中50家公司做了进一步的数据分析和评价，结合MIT的原版内容，发布了这份2万字的报告。

新美大CEO王兴谈“下半场”：用户红利已经所剩无几，整天讲“颠覆”是没有意义的

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

对于整个中国互联网的发展而言，需要增长模式的转变，之前大家粗放一些，跟着网民数量的增长水涨船高，现在这个红利已经基本结束了，接下来考验的是大家的真功夫”。整天讲“颠覆”是没有意义的，“互联网+”根本上还是要靠创新服务于各行各业，靠互联网、靠IT技术为各行各业的各个环节提升体验、提高效率、降低成本。