阿里云前端周刊 - 第 13 期

推荐

1. 京东618：ReactNative框架在京东无线端的实践

http://www.infoq.com/cn/artic...

React Native最近两三年之内整个框架在业界应该说是非常热门，很多团队、大公司都在做RN的一些研究开发工作。先一起回想下在React Native框架出现之前，互联网APP开发是一种什么样的模式。最初，大多数同学应该是用原生开发Android或者iOS，再加上HTML5内嵌的方式，即Web APP。之后又衍生出了Hybrid APP，基于PhoneGap/Cordova框架实现了WebView的能力强化。不知道大家在做这种开发的时候，有没有遇到过一些瓶颈或者一些痛点，反正我们的团队是遇到了很多。这里总结一下之前传统的方式有哪些问题。

2. 为什么我选择了 React 而不是 Vue？

https://medium.com/@CalinLeaf...

本文作者阐述了自己在技术选型过程中更倾向于 React 的原因，本文带有较强的主观色彩，请读者批判性阅读。本文作者认为 React 与 Vue 虽然是相似的前端组件型库，但是 Vue、Angular、Knockout 等框架依旧是以 HTML 为中心，使用指令来描述部分逻辑；而 React 则是以 JavaScript 为中心，完全使用 JavaScript 代码来描述逻辑。本文从模板、工具、状态的可变性等角度来论证自己的观点。

3. 规模化场景下的Twitter Lite与高性能React渐进式Web应用

http://www.infoq.com/cn/artic...

想要构建一款性能出色的Web应用程序，我们需要投入大量技术周期以检测时间浪费点、了解其发生原因并尝试各类解决方案。遗憾的是，这种做饭往往无法快速解决问题。性能无疑是一项永恒的命题，技术人员永远徘徊在观察与测量当中，却几乎永远找不到最优解。不过利用Twitter Lite，我们已经在众多层面内取得了细小但却极具价值的改进：从初始加载时间到React组件渲染（防止二次渲染），再到图像加载以及更多层面。尽管大多数变更本身并不显著，但其相加所带来的最终结果是，我们得以构建起一款规模极大且速度极快的渐进式Web应用程序。

4. 基于 JavaScript 的机器学习

https://hackernoon.com/machin...

人工智能与机器学习的浪潮汹涌而来，JavaScript 也并非旁观者；可能有很多人认为 JavaScript 过于缓慢、缺乏大量的科学计算库、仅适用于 Web 开发，而本文以及系列文章则深入浅出地介绍了如何利用 JavaScript 进行常见的深度学习操作。本文即以简单的回归拟合为例，从最基础的库安装、数据导入、数据预处理到模型训练、模型预测 介绍了如何使用 JavaScript 进行简单的机器学习任务。

其它

1. URL编码的奥秘

https://aotu.io/notes/2017/06...

URL编码的世界很精彩，你不过来看一下么？

2. 现代 Web 开发魔法书

https://github.com/dexteryy/s...

本书是对现代 JavaScript Web 开发中涉及知识的分类与介绍，来源于作者日常工作中发送给全栈 Web 团队新人的资源；目前已经纳入了超过两千的涵盖了项目、工具、插件、服务、文章、数据、站点等多方面的链接。本书包含了 Web 平台概述、HTML5，CSS，JS 特性介绍、常用的 GUI 框架与架构介绍、应用开发流程中使用的工具介绍等等栏目

3. 谈爬虫反爬虫套路，以及前端工程师在该领域的逆袭

https://parg.co/b9b

本文首先介绍了爬虫与反爬虫的现状，造成目前爬虫流量泛滥的原因，然后讨论了，爬虫反爬虫技术的现状以及双方相互套路的方式，最后聊了下前端工程师在该领域会起到的作用。

4. 五个提升 React Native 应用性能的方法

https://hackernoon.com/5-ways...

本文作者分享了自己在过去一段时间内尝试提升公司 React Native 应用性能的实践经验，包括如何设置有效的性能测试、强制启动 no-bind 规则、使用函数式组件、重制 TabMap 的逻辑等等。

5. Chrome 60 Beta 发布，新增 Patint Timing API

https://blog.chromium.org/201...

近日发布的 Chrome 60 Beta 版本中添加了 Paint Timing API、CSS font-display 等新特性，同时优化了证书管理、支付请求接口等功能。我们可以方便地使用 Paint Timing API 来对网页的加载指标中的，首屏绘制与首屏内容绘制进行计算。