偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

JavaScript 生態(tài)圈和技術趨勢,這一年發(fā)生了這些變化 ...

開發(fā)
JS 生態(tài)圈最權威的調(diào)查報告 state-of-js 終于是出來了 。

今天,我來帶大家看看 2021  state-of-js 的調(diào)查結(jié)果:

速覽

下面是我挑出來的幾個比較重點的,我們先來速覽一下:

  • 可選鏈操作符使用率已經(jīng)高達 85% 
  • 空值合并操作符( ?? )使用率提升了 21% 。
  • 將近 50% 的受訪者在使用 Shadow DOM API 。
  • esbuild 是滿意度調(diào)查中同比增長最大的工具。
  • Vite 97%26%
  • 當前有 5.6% 的受訪者正在使用 Deno 。
  • 一些老牌 JS 庫 Axios、Lodash  Moment 仍然是最受歡迎的。
  • TypeScript JavaScript Elm

JS特性 - 語言

Proxy

Proxy 在各種框架和庫中使用的越來越多了(特別是 Vue.js 3.0 開始使用后),所以了解到它的同學也越來越多,但是實際使用率沒有太大變化。

Promise.allSettled()

Promise.allSettled() 我還沒用過,用法類似于 Promise.all ,區(qū)別是:它所有給定的 promise 不管是 fulfilled 還是 rejected 狀態(tài),只要全部返回后它就會返回。在你不關心所有的異步任務是不是都必須成功的時候可能會用到它。

Dynamic Import

動態(tài)導入:只有 15% 的人還不知道它,接近 50% 的小伙伴都用過了,一般會在懶加載的時候用到。

Nullish Coalescing

空值合并運算符:這玩意這么多人都在用嗎?用過的小伙伴可以在評論區(qū)說一下,我平時用的比較多的還是 || 或者 && 。

空值合并操作符( ?? ),會在左側(cè)的操作數(shù)為 null 或者 undefined 時,返回其右側(cè)操作數(shù),否則返回左側(cè)操作數(shù)。

 || 的區(qū)別是, || 會在左側(cè)是 0 的時候也返回右側(cè),而 ?? 會返回 0 。

const baz = 0 ?? 42;
console.log(baz); // 0

const conard = 0 || 42;
console.log(conard); // 42

Optional Chaining

可選鏈:使用率已經(jīng)高達 85% ,非常實用的特性,不多說了。

Private Fields

私有屬性:只有 20% 的人用過,我們在類里面定義的屬性或方法默認情況下都是公有的,可以通過在前面加個 # 來變成私有的(僅在類內(nèi)部可以訪問)。

class ClassWithPrivateField {
#privateField;
}

class ClassWithPrivateMethod {
#privateMethod() {
return 'hello ConardLi';
}
}

BigInt

BigInt 可以解決 Number 的精度丟失問題,一般大于 2^53 的數(shù)我們建議用 BigInt 來表示,不過現(xiàn)在使用率還很低,大家通常還是用一些庫去處理數(shù)字。

String.prototype.replaceAll()

replaceAll :可以讓我們按照一個正則進行更靈活的字符串替換,第一年參加調(diào)查, Chrome85 才開始支持的函數(shù),已經(jīng)有這么多人用過了,真的是一個非常實用的函數(shù):

const regex = /ConardLi/ig;
console.log(p.replaceAll(regex, '棒!'));

JS特性 - 瀏覽器 API

Service Workers

Service Worker :一個服務器與瀏覽器之間的中間人角色,它可以攔截當前網(wǎng)站所有的請求,我們可以在這中間做很多靈活的判斷和處理,只有 8% 的人不知道它了,使用率已經(jīng)高達 45% 

Intl

Intl 瀏覽器給我們提供的一個原生的用來做國際化的 API ,國際化的需求一般比較復雜,反正我們國際化都是用庫,省心很多,這個還沒用過。

Web Audio API

控制 Web 音頻的 API ,只有特定領域的開發(fā)者才會用到,變化也不大。

WebGL

Web 圖形化的需求越來越復雜多樣, WebGL 的普及也不可避免?,F(xiàn)在大多數(shù)人都有過了解,但是使用者還局限在特定領域,今年的增長率已經(jīng)有了小的變化,相信未來會迎來一個爆發(fā)增長~

Web Animations API

dom 上的 animate 函數(shù),就屬于 Web Animations API 中的一個,我們?nèi)粘J褂?CSS 實現(xiàn)的一些動畫,都可以借助它轉(zhuǎn)換成 JS 實現(xiàn):

document.getElementById("CoonardLi").animate(
[
{ transform: 'rotate(0) translate3D(-50%, -50%, 0)', color: '#000' },
{ color: '#431236', offset: 0.3 },
], {
duration: 3000,
iterations: Infinity
}
);

這個應該大家都有了解過吧,一般 XXX 網(wǎng)頁動畫實戰(zhàn) 這樣的課程和文章都會提到,但是實際開發(fā)中實現(xiàn)動畫還是用 CSS 或者一些 JS 庫比較多一點。

WebRTC

WebRTC ( Web Real-Time Communications ) 是一項實時通訊技術,可以在網(wǎng)絡應用或者站點,在不借助中間媒介的情況下,建立瀏覽器之間點對點的連接,實現(xiàn)視頻流和(或)音頻流或者其他任意數(shù)據(jù)的傳輸。

同樣,也是特定領域(如直播)會用到的 API ,使用者很局限。

Web Speech API

用于處于 Web 音頻的 API ,也是特定需求場景才會用到的 API,使用率很低,變化也不大。

Websocket

這個調(diào)查里使用率最高的 Web API 了,不用多說,只有 4% 不知道它是啥東西了 ...

Shadow DOM

Shadow DOM  Web Components 里面的一個重要 API:瀏覽器將模板、樣式表、屬性、 JavaScript 碼等,封裝成一個獨立的 DOM 元素。外部的設置無法影響到其內(nèi)部,而內(nèi)部的設置也不會影響到外部,與瀏覽器處理原生網(wǎng)頁元素(比如 <video> 元素)的方式很像。

Shadow DOM 最大的好處有兩個,一是可以向用戶隱藏細節(jié),直接提供組件,二是可以封裝內(nèi)部樣式表,不會影響到外部。

// attachShadow() creates a shadow root.
let shadow = div.attachShadow({ mode: 'open' });
let inner = document.createElement('b');
inner.appendChild(document.createTextNode('Conard Li Hiding in the shadows'));

// shadow root supports the normal appendChild method.
shadow.appendChild(inner);
div.querySelector('b'); // empty

這個使用率已經(jīng)這么高了嗎?大家在開發(fā)里有用到過嗎?

Page Visibility API

頁面可見性 API,可以幫助我們檢測當前用戶是不是還在當前頁面,當網(wǎng)頁被最小化或者切換到其他 tab 的時候,會觸發(fā)一個 visibilitychange 事件,我們就可以在這個時候去停掉一些耗時的操作來節(jié)省資源。

document.addEventListener(visibilityChange, handleVisibilityChange, false);

function handleVisibilityChange() {
if (document.hidden) {
// 頁面隱藏了
} else {
// 頁面又活躍了
}
}

一個挺好用的 API ,兼容性也不錯,大家可以用起來~

JS特性 - 其他技術

PWA

PWA 使用率今年漲幅挺大的,也是屬于一個比較成熟的技術了。

WebAssembly

WebAssembly  88% 的人都有了解過,但是使用率只有 15% ,相比去年只增加了 5% ,它給 Web 開發(fā)帶來了更多的可能性,相信未來會得到爆發(fā)式增長。

JS 庫

滿意度

這張圖挺有意思的,按照 S、A、B、C 四個等級的滿意度,對比了前端框架、服務端框架、測試庫、構建工具、移動和桌面端技術、Monorepo 工具,下面我們來逐個部分看一下。

時間變化

紫色代表人氣下降,藍色代表人氣上升,向上代表用的人越來越多,向右代表有更多的人想學習它。

怎么看起來大家今年都不太想學東西了呢?哈哈,另外對一些新型的庫比如 Sevelte 學習欲望還是有增長的。

前端框架

使用率

使用率今年整體都沒有太大變化, React 依然以 80% 的使用率 高居榜首,因為調(diào)查的老外比較多,所以 Angular  Vue.js 使用率還要高,不過前者已經(jīng)是下降趨勢了。另外 Svelte 的使用率在今年有了 5% 的增長。

滿意率

Solid.js 是一匹黑馬,今年以 90% 的滿意率高居榜首,不過它的使用率只有 3% ,滿意度自然也就高一點。

React 的滿意度已經(jīng)連續(xù)三年下降,來到了第三位,不過在使用率這么高的情況下仍然有 84% 的滿意度,依然堅挺!

Ember.js 應該是崩了,使用率和滿意率都連續(xù)下降... 沒救了。

后端框架

使用率

幾乎沒變化 ... Express 依然占據(jù)霸主地位,今年新出來的框架不少,像 Remix 僅有 5% 的使用率。

不過,有點震驚, Koa 去哪了?難倒只有中國人用嗎???

滿意率

新出來的框架更能滿足大家的痛點,所以滿意度普遍較高, SvelteKit  96% 的滿意度高居榜首。

測試框架

Jest 仍然是最常用的測試框架, Testing Library 的使用率增長不多,但是滿意度高達 96% 

移動端和客戶端

使用率

今年 Elctron 來到了使用率的第一位,不過仍然只有 36% 的人用過它,RN 是第二位,二者應該就分別是桌面端和移動端最常用的技術了。

滿意率

值得注意的是,今年新出的 Tauri 占據(jù)了榜首,不過它只有 3% 的使用率。

Tauri 是一個 Electron 的替代技術,主要用來解決 Electron 包體積和內(nèi)存消耗過大的問題。

構建工具

使用率

webpack 仍然是使用率最高的框架, tsc 依托于 TypeScript 的大火來到了第二位,并且還有 17% 的增長。另外表現(xiàn)最為亮眼的還是 Vite ,第一年推出就有了 30% 的使用率。

滿意率

滿意度上今年出現(xiàn)了非常大的分歧, Snowpack 的滿意度下降了 24% ,相比 swc 的滿意度提升了 14% 。而 Vite 以恐怖的 98% 的滿意度來到第一位!。 Gulp 應該是沒救了,使用率和滿意度都在持續(xù)降低。

Monorepo 工具

使用率

滿意度

Monorepo 今年第一次參加調(diào)查,表示這種開發(fā)方式越來越普及了。但是使用率最高的 Lerna 依然只有 25% 、被吹上天的 pnpm 也只有 13% 的使用率。

其他

工具庫

jQuery 已經(jīng)跌到 11% 了嗎? Axios 為啥使用率還這么高,大家不用 Fetch 嗎?

JS 運行時

Node.js  Browser 還高? Deno 擁有了 5.6 的使用率 ...

可以編譯成 JS 的語言

TypeScript 占據(jù)絕對霸主地位。

評估指標

在評估是否使用一個庫時,考慮最多的因素是什么?

文檔 > 開發(fā)體驗 > 用戶體驗 > 用戶規(guī)模 > 社區(qū) > 開發(fā)者和團隊

對 JS 的看法

JS 生態(tài)是不是變化的太快了

口口聲聲的喊,學不動了的人都去哪了?為什么同意這個觀點的人越來越少了呢?

JS 的主要痛點

依賴管理 > 代碼架構 > 狀態(tài)管理 > 調(diào)試 > 日期管理 > 編寫模塊 > 查找包 > 異步

頒獎

  • 空值合并運算符 ( ?? ) 使用率增長了 21% 。
  • esbuild 只有兩歲,使用率提升了 20% 。
  • Vite 成為最受關注和滿意度最高的技術。

調(diào)查范圍


最后還得吐槽一下,和 state-of-css 一樣, state-of-js 的中國參與者仍然很少 ...

責任編輯:張燕妮 來源: code秘密花園
相關推薦

2018-12-24 09:47:06

2022-12-08 00:09:20

CSS生態(tài)圈技術趨勢

2023-01-11 08:06:42

2023-04-04 13:31:18

2016-01-05 11:56:34

2016-11-01 14:30:09

大數(shù)據(jù)大數(shù)據(jù)技術

2016-07-14 15:57:06

華為

2016-01-07 13:19:21

大數(shù)據(jù)分析生態(tài)圈

2023-12-05 08:31:47

2011-06-29 15:48:29

Java

2012-06-15 10:03:57

2021-03-23 11:00:41

網(wǎng)絡安全網(wǎng)絡攻擊網(wǎng)絡釣魚

2013-01-04 10:58:21

JavaScriptWebJS

2015-04-09 11:25:06

云智慧APICloud應用性能管理

2018-07-16 14:36:24

編程學習代碼

2021-01-14 11:39:05

云計算

2019-11-28 08:23:14

容器Kubernetes編排

2015-03-04 11:19:59

2015-10-08 09:33:48

2020-12-31 14:34:16

比特幣數(shù)據(jù)以太坊
點贊
收藏

51CTO技術棧公眾號