阿里巴巴TXD前端小报

原文：前端小报 - 201903月刊

Fundebug经授权转载，版权归原作者所有。

【Alibaba-TXD 前端小报】- 热门前端技术快报，聚焦业界新视界；不知不觉 2019 年已经过去了 1/4，日新月异的前端技术正在蓬勃发展，ES10 都已到来。

欢迎订阅 & 投稿
本期小编：玙璠

学习专栏

2019 年前端技术会议

裕波列出了一份前端技术会议的清单，涵盖国内和海外的重大前端相关的技术会议

微软前端训练营

微软推出另一个前端的学习路径规划，官方提供的代码仓库将一步一步带你走进前端技术领域，囊括基础的 HTML/CSS/JS 学习、TypeScript 强类型、React/Redux 学习和实践等。

新闻快报

阿里开源 Flutter 应用框架 Fish Redux

Fish Redux 框架是基于 Redux 数据管理的组装式 Flutter 应用框架，适合用于构建中大型的复杂应用，解决了集中状态管理和UI组件化等问题，将集中，分治，复用，隔离做的更进一步。

Handtrack.js 搞定手部动作跟踪

这是一个经过训练的产生的开源模型，而不需要用户自己训练。它隐藏了模型的加载步骤，允许用户在没有任何 ML 经验的情况下检测图像中的手，可以直接在 Web 应用使用该库，传送门。

小程序多端框架

如今小程序的发展如日中天，很多公司的业务也都慢慢转向小程序，同时很多应用需要同时兼顾多个小程序平台，所以就有了上层开发框架或者脚手架来优化 DSL 来提高开发效率。其中凹凸实验室从开发体验、兼容性、接入成本、工具链等多个方面对小程序的的多端框架进行了全面的测评，如果准备入坑，可以事先了解一下。

TWA 让你的 PWA 进入应用商店

TWA（Trusted Web Activity）的发布，是将 Native 的技术扩展到 Web App，将 PWA 站点打包为 Native App 放入应用商店，用户可以在应用商店中搜索安装 PWA 应用，相比国外，PWA 在国内并非很流行，但这并不代表这个技术就不关键。未来可以考虑如何将该技术融入实践中来，传送门，这篇文章也有全面的解析。

Storybook 5.0 正式发布

Storybook 是一个比较受欢迎的 UI 组件库，为各种视图层（如 React、Vue、Angular、React Native、Ember）提供了结构化的 UI 开发、测试和文档。Storybook 5.0 是目前为止发布的最大的一个版本，新版本的内容包括：全新的开发体验；带有主题的组件库；改进的前端插件架构；全新的官网。

Node.js 和 JS 基金会合并为 OpenJS 基金会

Node.js 基金会和 JS 基金会宣布合并为 OpenJS 基金会，将提供一个中立的组织来托管项目并协助资助有益于生态系统的活动，简化基金会日常运营的同时满足个基础架构、技术和营销需求，为 Node.js 和 JavaScript 提供更光明的未来，这也是 JavaScript 发展中的一大步。

5G 来了

从 2G 的发展，到 3G 的的成熟，再到 4G 落地，继而迎接 5G 时代的全面到来。5G 具有极快的传输速度、更高的网络容量、信息可及时触达等特点，也就是高速率、多连体、低时延。这些优势可带动广泛的行业发展，如物联网、视频、全息技术以及无人驾驶等，让我们，拭目以待。

996.ICU

相当火爆的 github 项目 996.ICU，由 IT 工作者对工作制度的反抗，以谋求自己的合法权益的一种特别的方式。不得不感叹的是，随着时代及技术的发展，无产阶级的联合方式也在发生着变化。

TSLint -> ESLint

继和 Babel 合作，使 Babel 支持编译 TS 语法后，TypeScript 团队又发布了新的 Roadmap，将使用 ESLint 来进行 TS 语法的静态类型检查，统一开发体验。TSLint 和 ESLint 团队也纷纷发文，公布未来的计划，TSLint 在被完全集成之前，会保持维护状态，ESLint 中推荐使用 typescript-eslint 来支持 TS 语法的静态类型检查，具体见 TSLint Roadmap、The future of TypeScript on ESLint

工具推荐

Animations when you scroll

将滚动与动画相结合，使页面更有灵性
支持在 DOM、React、VUE 中使用
支持多种动画参数配置

You Dont Need 系列

You Dont Need 系列教程目的在于让读者回归基础，在不依赖一些主流的 util 库的情况下，自己动手去实现库里面提供的核心功能；很多情况下，一些 util 库占用了大量的体积，而且业务中实际使用的部分很少，如果能够手工去实现其中使用到的一些方法，就可以轻松通过移除三方库来提高加载速度了。（然而上规模的项目中，依然建议使用统一的 util 库）

You-Dont-Need-JavaScript 介绍了一些常用的组件、动效、甚至功能，在不通过编写 JavaScript 代码的前提下去实现它！
You-Dont-Need-GUI 许多场景下，我们使用命令交互的方式去操作机器（如文件、进程等处理），能大幅提高工作效率。
You-Dont-Need-Momentjs 介绍了 moment.js 对时间处理的核心功能实现。（通常情况下，我们还是需要一个时间处理库，推荐使用体积更小的 date-fns / dayjs）。
You-Dont-Need-Lodash-Underscore 常用的一些 util 方法的 JavaScript 实现。
You-Dont-Need-jQuery 去除 jQuery 的一些 Native JavaScript 的方案，一步一步替换 jQuery 的 API。

TypeScript To WebAssembly

通常我们都需要将 TypeScript 编译成 ES5 的代码，才能在浏览器中正常运行，assemblyscript 是一款 TypeScript To WebAssembly 的编译器，通过 Webassembly 运行编译后的二进制代码。

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。自从2016年双十一正式上线，Fundebug累计处理了10亿+错误事件，付费客户有Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用！