JavaScript 是網路的指令碼語言。為網頁應用程式提供豐富的互動功能和動態內容。您可以利用這項功能,建構可協助使用者完成複雜工作、儲存使用者資料等的使用者體驗。您可以在此瀏覽我們的 JavaScript 內容集合,並學習各種概念和技巧,以便提升 JavaScript 技能。
如果您是 JavaScript 新手,我們也能提供協助。我們的「JavaScript 學習課程」會講解 JavaScript 的內外,協助您快速上手。
瞭解所有主要瀏覽器引擎中新推出的最新 JavaScript 功能。
JavaScript 提供許多功能,可協助您建構可回應使用者需求的應用程式。
Interaction to Next Paint (INP) 是用來評估網頁回應速度的重要回應速度指標。這些指南包含 JavaScript 訣竅,可協助您讓網頁能回應使用者。
第三方 JavaScript 可能是網頁應用程式的效能問題。瞭解如何管理第三方指令碼,確保網頁應用程式保持快速運作。
請查看這些 JavaScript 模式,您可以利用這些模式快速完成網路應用程式中的常見工作。
課程

如果您是 JavaScript 新手,我們也能提供協助。我們的JavaScript 學習課程會逐步引導您瞭解 JavaScript 的運作方式,從變數、函式和條件式陳述式等基本概念開始。接著,您將著手處理更複雜的主題,例如原型繼承、類別和其他主題,以便磨練 JavaScript 技能,進而建構豐富的網頁應用程式。

Baseline 會向網路開發人員發出信號,指出網路平台功能可在所有主要瀏覽器引擎中安全使用。以下是現在已納入 Baseline 的新 JavaScript 功能。

Array.fromAsync() 成為基準 (2024 年新推出)。
ArrayBuffer transfer()transferToFixedLength() 方法已於 2024 年成為 Baseline Newly。
groupBy() 函式於 2024 年成為基準新功能。
promise.withResolvers() 成為基準 (2024 年新推出)。
intl.Segmenter 已於 2024 年成為基準新功能。

JavaScript 提供許多工具,協助您打造可滿足使用者需求的應用程式。以下是您可能想在網頁應用程式中使用的常見功能,值得一看!

承諾可讓您在特定事件發生後,以非同步方式執行程式碼。
fetch API 可讓您提出 HTTP 要求,從前端網頁擷取資料。
IndexedDB API 提供結構化資料的用戶端儲存空間,包括檔案和 blob。

使用 JavaScript 時,可能會影響網頁應用程式的與下一個繪製動作 (INP) 的互動。這些指南可協助你處理 JavaScript 造成的網頁回應問題。

主執行緒上的長時間工作可能會導致網頁應用程式沒有回應。瞭解如何最佳化長時間工作,以改善網路應用程式的 INP。
當使用者與網頁互動,且瀏覽器回應時間過長時,就會發生輸入延遲時間過長的情形,而 JavaScript 可能是常見的肇因。請參閱這份指南,瞭解如何縮短輸入延遲時間,讓網路應用程式更流暢。
如果在網頁載入期間下載指令碼,可能會導致工作時間過長,進而影響網路應用程式的 INP。瞭解如何對長時間的指令碼評估工作進行最佳化調整,以維持 INP 的速率。
並非所有功能都需要在主執行緒上執行。如果您有大量工作需要長時間執行,可以將這些工作卸載至網頁工作執行緒,讓網頁應用程式盡可能保持回應。
網路上常見的效能問題之一,就是使用第三方 JavaScript,這可能會導致網頁載入速度變慢,甚至導致網頁回應速度變慢。請參閱下列指南,瞭解如何解決常見的第三方 JavaScript 效能問題。
瞭解第三方 JavaScript 對效能造成的影響,以及如何避免拖慢網站速度。
運用 Lighthouse 和 Chrome 開發人員工具提升效能偵測技能。
瞭解如何有效載入第三方 JavaScript,以便提升網頁應用程式的效能。
瞭解如何針對 Core Web Vitals 使用代碼和代碼管理工具進行最佳化,盡量讓這些實用工具對網頁應用程式的效能影響不大。

請查看這些模式,瞭解如何使用 JavaScript 在網頁應用程式中快速完成常見工作。

請查看這些模式,在網頁應用程式中完成常見工作。
瞭解在 JavaScript 中使用檔案和目錄的模式。
瞭解如何在 JavaScript 中使用剪貼簿 API,在網頁應用程式中提供複製和貼上功能。