大拇指創新實驗室月刊【第一期-20210524】

新聞速報

• 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. 小程序直播新增【智能助理】功能

智能助理是由小程序直播與微信對話開放平臺聯合推出商家運營工具，支持直播間「歡迎語，智能問答，熱問追蹤、銷售線索統計分析」等能力，可有效解決主播面對海量用戶的互動難題，提高帶貨效率。

小程序直播組件已更新至 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. 微信視頻號和微信公衆號關聯

視頻號主頁和公衆號主頁能夠關聯顯示的功能了

一、點擊我的視頻號頁面右上角的「…」進入視頻號設置頁面，點擊最下方的「帳號管理」便可綁定公衆號。值得一提的是，在企業/機構視頻號中，只能綁定相同主體的公衆號；在我的視頻號中，公衆號需是相同的管理員纔可綁定。
   二、視頻號、公衆號完成綁定後，公衆號的粉絲就能在公衆號主頁看到關注帳號的視頻號信息，點擊便可直達視頻號頁面關注，同時視頻號粉絲也能在視頻號主頁看到該帳號的公衆號信息，關注更方便了。

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層加入咱們：xxxxx