阿里云前端周刊 – 第 20 期


推荐

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

https://yq.aliyun.com/article…

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

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

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

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

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

http://www.infoq.com/cn/news/…

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

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

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

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

其它

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

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

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

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

http://www.infoq.com/cn/news/…

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

3. 深入 React 动画实践

https://medium.com/react-nati…

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

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

http://www.w3cplus.com/wai-ar…

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

5. HTML5按钮元素新属性

http://www.zhangxinxu.com/wor…

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

6. 前端国际化

https://github.com/sundway/bl…

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


发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>