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

2次阅读

共计 2574 个字符，预计需要花费 7 分钟才能阅读完成。

babel 公布 7.14.0-https://babeljs.io/blog/2021/…
Node.js 公布 16.0.0-https://github.com/nodejs/nod…
Bootstrap 5 公布 -https://blog.getbootstrap.com…
ES2021/ES12 新个性 – https://mp.weixin.qq.com/s/9l…
chrome 89 devtools 减少新个性 -https://developers.google.com…

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

智能助理是由小程序直播与微信对话开放平台联合推出商家经营工具，反对直播间「欢送语，智能问答，热问追踪、销售线索统计分析」等能力，可无效解决主播面对海量用户的互动难题，晋升带货效率。
```
小程序直播组件已更新至 1.2.9 版本，新增智能助理性能，请及时更新组件版本，确保能应用新性能。智能助理性能目前处于内测期间，智能助理内测指引：https://developers.weixin.qq.com/community/develop/article/doc/0002c0811dc7d09effcb4a4e556413 
```
性能应用阐明：https://docs.qq.com/doc/DTkZQ…

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

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

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

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

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

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

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

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

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

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

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

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

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
}

底层依赖降级

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'
}

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()}
}