关于前端:大拇指创新实验室月刊第一期

新闻速报

• Babel 公布 7.14.0
• Node.js 公布 16.0.0
• Bootstrap 5 公布
• ES2021/ES12 新个性
• Chrome 89 devtools 减少新个性

前端生态

微信新能力

1. 小程序直播新增【智能助理】性能

智能助理是由小程序直播与微信对话开放平台联合推出商家经营工具，反对直播间「欢送语，智能问答，热问追踪、销售线索统计分析」等能力，可无效解决主播面对海量用户的互动难题，晋升带货效率。

   小程序直播组件已更新至 1.2.9 版本，新增智能助理性能，请及时更新组件版本，确保能应用新性能。智能助理性能目前处于内测期间，智能助理内测指引：https://developers.weixin.qq.com/community/develop/article/doc/0002c0811dc7d09effcb4a4e556413  

性能应用阐明：https://docs.qq.com/doc/DTkZQ…

2. 微信长链转短链接口进行生成短链

平台将对 2021 年 3 月 15 日之后进行该接口新生成的短链的能力，已生成的短链暂不受影响（预计下半年进行历史生成短链接解析服务）

   长链接转短链接服务致力于优化用户体验，在微信中晋升扫码速度和成功率，解决开发者原链接（商品、领取二维码等）太长导致微信扫码速度和成功率降落的问题。但随着技术的倒退，微信扫码能力已有较大晋升，不再须要对原始链接进行转换。

接口阐明：https://developers.weixin.qq….

3. 微信卡券将不再反对新创建“优惠券”

2021 年 4 月 1 日 0 点起，“微信卡券 > 优惠券”将不再反对新创建优惠券，该性能后续将陆续下线

   因“微信卡券 > 优惠券”产品能力将来将对立降级为“微信领取优惠券”，相干性能将进行逐渐调整。2021 年 4 月 1 日 0 点起，“微信卡券 > 优惠券”将不再反对新创建优惠券，该性能后续将陆续下线。其余微信卡券性能暂无变动。本次调整具体内容如下：1.4 月 1 日 0 点起，已开明微信卡券性能的商户将无奈新创建优惠券，蕴含 API 接口创立与公众平台页面创立；商户应用“会员卡”、“礼品卡”或“票证”等能力不受影响；2. 历史已创立的优惠券，可持续失常应用“微信卡券 > 优惠券”相干性能（蕴含发放、核销等操作）；

理解更多：https://docs.qq.com/doc/DVm13…

4. 微信视频号和微信公众号关联

视频号主页和公众号主页能够关联显示的性能了

   1、点击集体视频号页面右上角的「…」进入视频号设置页面，点击最下方的「账号治理」即可绑定公众号。值得一提的是，在企业 / 机构视频号中，只能绑定雷同主体的公众号；在集体视频号中，公众号需是雷同的管理员才可绑定。2、视频号、公众号实现绑定后，公众号的粉丝就能在公众号主页看到关注账号的视频号信息，点击即可中转视频号页面关注，同时视频号粉丝也能在视频号主页看到该账号的公众号信息，关注更不便了。

web-vitals

优化用户体验的品质始终都是是每个 Web 站点长期胜利的要害，Web Vitals 是谷歌 2020 年新出台的一套网页外围的性能指标体系。

Node.js 16 新能力

1. Timers Promise API

Timers Promise API 其实在 Node15 就已存在，那时候是一个试验个性，目前已进入了稳固阶段，是一项令人兴奋的个性。那它到底是干什么用的呢？

import {setTimeout} from 'timers/promises'
await setTimeout(100)

再比方

import {setInterval} from 'timers/promises'

for await (const startTime of setInterval(100, Date.now())) {const now = Date.now()
  if ((now - startTime) > 1000)
    break
}

2. 底层依赖降级

v8, 降级到 9.0，次要是 ECMAScript RegExp Match Indices
llhttp, 降级到 6.0.0，用以解析 HTTP 报文
icu, 降级到 69.1
npm, 降级到 7.10.0

应用 process.versions 可看到相干依赖的版本号

> process.versions
{
  node: '16.0.0',
  v8: '9.0.257.17-node.10',
  uv: '1.41.0',
  zlib: '1.2.11',
  brotli: '1.0.9',
  ares: '1.17.1',
  modules: '93',
  nghttp2: '1.42.0',
  napi: '8',
  llhttp: '6.0.0',
  openssl: '1.1.1k+quic',
  cldr: '39.0',
  icu: '69.1',
  tz: '2021a',
  unicode: '13.0',
  ngtcp2: '0.1.0-DEV',
  nghttp3: '0.1.0-DEV'
}

3. btoa 与 atob

对于 Base64 的转化，Node 在以前应用了 Buffer.from，而当初反对 btoa/atob 与浏览器环境放弃了统一。
而对于一个 SSR 我的项目而言，执行环境的辨别将无关紧要，对立应用 btoa/atob 就好了

const base64 = {encode (v: string) {return isBrowser ? btoa(v) : Buffer.from(v).toString('base64')
  },
  decode (v: string) {return isBrowser ? atob(v) : Buffer.from(v, 'base64').toString()}
}

4. 原生反对 Mac 电脑的 M1 芯片

• 【Node.js 学习路线】– https://static.app.yinxiang.c…

Node.js 学习路线

必备技能
* Javascript
* npm 软件包治理
* Node.js 基础知识
    * 工夫发射器（Event Emitter）* 回调
    * Buffer 类
    * 模块零碎（Module System）开发技能
* 版本管理系统
* HTTP/HTTPS 协定

Web 框架
* Express.js
* Meteor.js
* Sails.js
* Koa.js
* Nest.js

数据库治理
* 关系数据库管理系统
    * SQL Server
    * MySQL
    * PostgreSQL
    * MariaDB
* 云数据库服务
    * Azure CosmosDB
    * Amazon DynamoDB
* NoSQL 数据库
    * MongoDB
    * Redis
    * Apache Cassandra
    * LiteDB
* 搜索引擎
    * ElasticSearch
    * Solr

缓存
* 内存缓存（节点缓存 node-cache/ 内存缓存 memory-cache）* 分布式缓存（Redis/Memcached）模板引擎
* Mustache.js
* Handlebars
* EJS

实时通信
* Socket.io

API 客户端
* REST
* GraphQL

测试
* 单元测试框架
    * Jest
    * Mocha
    * Chai
* 模仿测试（Mocking）* Sinon
    * Jasmine

软件库举荐
* Async.js
* PM2
* Commander.js
* Nodemailer

本月力荐

• 《人月神话》（小弗雷德里克）- 软件开发人员必读的软工圣经
• 《向上治理》（萧雨）- 职场人的必备技能
• 《单核工作法图解》（史蒂夫·诺特伯格）- 高效工作方法论，带你解读单核工作法

对于咱们

公司：深圳有赞信息科技有限公司
地址：广东省深圳市南山区芒果网大厦 11 层
退出咱们：joinus@youzan.com