前端技術

本篇文章中，將透過一個全面的範例，一步步探討 JavaScript 中傳統物件導向編程的關鍵概念，包括類別的定義、公共和私有屬性的聲明、構造函數、方法的使用，以及類別的繼承等。

大家都知道後端節點（如 Node.js）輕鬆地透過 .env 檔案或 process 物件來存取環境變數。但在純前端應用程式，尤其是使用如 SvelteKit 這樣的現代框架時，這個任務看起來就沒那麼直觀了。本文將介紹如何在 SvelteKit 中有效地管理和存取環境變數。

我們可能都很會使用開發 node.js 程式，使用各種前端工具，但可能不是很了解什麼是 Javascript module、ES modules、CommonJS Module，又為什麼有些程式使用 require？有些程式使用 import ?

這篇文章將帶領大家透過一個實際的案例，使用 Google YouTube API, OAuth, Svelte, 和 TailwindCSS 建立一個簡單、方便的工具來批量取消訂閱 YouTube 頻道。

歡迎來到 TypeScript 的世界，一個讓 JavaScript 面面俱到的超級英雄！在這篇文章中，我們將一探 TypeScript 的奧秘，並學習如何在 macOS 上搭建開發環境和運行 TypeScript 程式。準備好開始吧！

在 Flexbox 布局中，主軸（Main Axis）和交叉軸（Cross Axis）是兩個關鍵概念，用來描述 Flexbox 內部項目的排列方式。理解這兩個軸線對於掌握對齊規則非常重要，因為 Flexbox 項目的排列會依據軸的走向，而有不同的方向效果。

作為一名網頁前端開發人員，encodeURI 和 encodeURIComponent 都是 JavaScript 中用於編碼 URI (統一資源標識符) 的函數。它們對於確保某些字符能夠正確地格式化，以便能夠通過網路傳輸至關重要。

這篇教學文章的主要目的是教您如何利用 CSS Grid 這個強大的佈局系統，來設計一個具有多個區塊和元素的儀表板界面。您將學習到如何使用 CSS Grid 的各種功能，包括定義網格容器、設置網格項目和實現響應式設計。

在信息過載成為常態的時代，結構良好的文章目錄（Table of Contents，簡稱ToC）就像燈塔一樣，可以引導讀者穿越文字海洋，本文將帶領讀者如何開發 Table of Contents，只使用最基本的網頁技術。

看完本文，你應該還是無法決定如何選擇 package manager，但你會更瞭解各自的特點。