前端小报 – 201902 月刊

jiezi

6 年前

【AIS-TXD 前端技术月刊】- 本月热门前端技术快报，汇聚 Github Trending 流行 Repo 和热门文章，文末有福利

欢迎订阅 & 投稿本期小编：damujiangr (墨止)

新闻快报

React v16.8 发布: The One With Hooks

Hooks 上手介绍
额外：React 终于开始做国际化了，以后国内的新手们就能看到中文文档的 React 了，目前正在招募 Contributors，有兴趣的可以参看 Is React Translated Yet? ¡Sí! Sim! はい

Vue v2.6 发布: 代号：Macross

准备与 v3.0 版本接轨了
Slot 引入了新的模版语法，v-slot (默认插槽) v-slot:name (具名插槽)
异步错误处理、编译警告位置信息等等

专栏链接

Flutter 1.2 发布

Flutter 1.2 是自第一个测试版本，历时一年后，发布的第一次 feature update

除了提升了核心框架的稳定性、性能和质量，完善现在的 widget，重要的是为开发者提供了基于 Web 的开发工具，以后还可能会直接构建到 VS Code 中

widget inspector 支持树状层级结构的可视化
timeline view 支持帧级别的诊断，发现渲染和计算的问题
full source-level debugger 支持设置断点、单步执行，查看调用堆栈
logging view 能够显示 app 中的日志、网络、框架和垃圾回收事件

官方介绍链接

支付宝小程序向个人开发者开放公测

小程序这场围绕流量、场景、创意等诸多概念的新风口，每一家公司都想要分得一杯羹，越来越多的小程序、轻应用涌现出来，支付宝小程序开发公测，说明技术架构上已趋稳定

支付包小程序入驻链接
这里还有一篇技术稿，为支付宝小程序首席架构师白招拒，解读支付宝小程序的技术架构和开发特点，《独家！支付宝首次披露其小程序技术架构》

阿里云 ARMS 推出小程序监控

基础服务的角色来了，可以用于及时发现卡顿、缓慢和一些错误，让小程序不再裸奔
目前支持情况：钉钉 E 应用、支付宝小程序、微信小程序、其他符合标准的小程序

前端监控接入概述

Next.js 8 新增支持 Serverless
支持 Serverless 可以极大的提高应用开发的可靠性和可伸缩性，启用也很简单，查看官方详细介绍
// next.config.js
module.exports = {
target: “serverless”,
};

Ant Design of Vue

近日有开发者基于 Ant Design 的设计语言，开发了一套基于 Vue 组件库，喜欢 antd 风的 Vue 开发者有福利了
使用体验方面，跟 Ant Design 官网的更新要滞后一些，感官上还是很不错的

TSLint in 2019
随着 TypeScript 生态的不断壮大，TSLint 也在不断演进，准备提供更多的能力，更加拥抱社区共同发展，和对 ESLint 的兼容，让开发者可以无缝切换

npm 推出企业版 npm Enterprise

主打安全性，提供额外的控制权限，还可以定制 CI/CD 系统集成流程，可以理解为企业私服，比如阿里内部的 tnpm 与开放的镜像的 cnpm

Github Trending

好用的代码片段查看工具推荐者：x-cold

将某一个文件的仓库地址的 github.com 替换为 github.githistory.xyz，回车即可访问到代码变更的记录。也可以安装浏览器插件 Chrome 或 Firefox，在某个文件的网页上就能看到一个 Open in Git History 的按钮，点击即可。

对于本地仓库，可以使用命令访问 npx git-file-history path/to/file.ext
Github 仓库：pomber/git-history

让网站变的透明直到消失的方案
加入 kleampa/not-paid 后，如果设置的日期即将到来，那么网页会逐天变得越来越透明，直到完全消失

是时候打造一款属于自己的 AI 助手了

使用 leon-ai/leon 即可打造属于自己的 AI 助手
安装过程中注意需要某些必要的包：如 brew install pipenv

工具推荐

Animation in React

使用 React 写动画并不容易，但是借用 @nearform/react-animation 提供的组件和预制的 keyframes，就会让动画实现变得轻松起来

使用入门文章

@nearform/react-animation in NPM

Webpack 5 的新特性

介绍了 Webpack 5 即将带来的新特性 New Features in Webpack 5

通过持久缓存提高构建性能
代码拆分功能更加强大，更智能的分析模块大小
Name Chunk ID 不需要在使用注释定义，而是使用如下配置：

optimization: {chunkIds: ‘named’}
尽量遵循在内部作出改变的原则，而不会破坏使用方式