大拇指创新实验室月刊（第一期）

新闻速报

• 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层
加入我们：[e-mail]