阿里云前端周刊 - 第 20 期

推荐

1. 阿里电商架构演变之路

https://yq.aliyun.com/articles/161190

首届阿里巴巴中间件技术峰会上，阿里巴巴中间件技术部专家唐三带来“阿里电商架构演变之路”的演讲，本文从阿里业务和技术架构开始引入，分别分享了阿里电商从1.0到4.0架构的演变之路，着重分析了分布式和异地多活的改变之路。

2. WebVR开发教程 — 深度剖析

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

最近WebVR API 1.1已经发布，2.0草案也在拟定中，在我看来，WebVR走向大众浏览器是早晚的事情了，今天本人将对WebVR开发环境和开发流程进行深入介绍。

3. deeplearn.js：浏览器端机器智能框架

http://www.infoq.com/cn/news/2017/08/deeplearn-js-Browser-machine-int

deeplearn.js最初由Google Brain PAIR开发，是一款基于硬件加速的开源JavaScript库，可被用在机器智能领域。该库将高性能的机器学习构建模块引入到web开发领域。PAIR是People Plus AI Research的简称，意为“人+人工智能研究”，目标在于“使AI更加注重人性”。通过deeplearn.js，可以实现在浏览器中训练神经网络模型，也可在推理阶段运行预训练模型。

4. 阿里云前端工程化方案 dawn

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

Dawn（后续将简称为 DN）是阿里云前端团队，新一代的前端构建工具，简化并统一了针对开发人员的「命令行接口」，将开发过程抽象为有序的 6 个阶段 + 1 个常用操作。不会因为工具本身的扩展，而扩展新的用法，统一、一致，免于记忆，通过 DN 创建的工程还将会结合 GitLab CI 进行持续集成。

其它

1. 源码拾遗 axios - 极简封装的艺术

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

本文分析了axios是如何通过朴素而简单的方式，实现了网络请求封装中的各种扩展功能。

2. Angular AOT编译大型项目出现内存溢出瓶颈

http://www.infoq.com/cn/news/2017/08/Compile-project-memory-bottlenec

自2.0版本起，Angular就已支持了AOT（Ahead-of-time）编译，该功能在服务器端对代码进行编译，这可以免去标准的JIT（Just-in-time）方式每次都在浏览器运行时进行编译的消耗，优化了客户端的渲染速度及代码的网络传输效率。同时谷歌还推出了Angular-cli工具，进一步简化了Angular项目的管理、编译过程。

3. 深入 React 动画实践

https://medium.com/react-native-training/react-animations-in-depth-433e2b3f0e8e

本文介绍了在 React 开发中多种创建动画效果的途径，包括了基于 React 组件状态的 CSS 动画、基于 React 组件状态的 JavaScript 样式动画以及第三方依赖的 React Motion、Animated、Velocity-React 等库。本文最后还讨论了如何用 GreenSock 等经典强大的动画库来辅助 React 组件动画开发。

4. 提高网页可访问性的十条建议

http://www.w3cplus.com/wai-aria/web-accessibility.html

这篇文章提供了十条有关于提高网页可访问性的指导原则，这些原则将保证提高你网站的可访问性，引用万维网（W3C）的创始人@Tim Berners-Lee一句话来说网络的力量是它的普遍性。作为靠制作网站谋生的人，我们有责任确保每个人都能更好接触到他们。网页可访问性似乎是一项艰巨的任务，但它确实比听起来要容易很多，这十条网页可访问性准则旨在确保所有网站都是通用的。

5. HTML5按钮元素新属性

http://www.zhangxinxu.com/wordpress/2017/08/html5-button-formaction-formenctype-formmethod-formtarget/

本文介绍 HTML5 表单提交按钮新增的 formaction 等 6 个属性，以及它们在实际开发中的应用。

6. 前端国际化

https://github.com/sundway/blog/issues/9

国际化（Internationalization）通常在很多地方会用 i18n 代替，意思就是 I 加18个字母加 n。跟国际化还有一个类似的概念叫做本地化（Localization）通常用 L10n 表示。这是两个比较接近的概念，它之间有什么区别呢？W3C 的 Localization vs. Internationalization 这篇文档详细了介绍了这一点，对国际化理解还不是特别清晰的强烈建议读一下这篇文章。