分類:「前端技術」
1 個程式範例,快速學習 JavaScript 物件導向語法透過一個完整的程式範例,深入探討 JavaScript 中的物件導向編程概念。文章涵蓋類別定義、公共和私有屬性、構造函數、方法使用以及類別繼承等關鍵技術,適合想要掌握 JavaScript OOP 語法的開發者。
如何在 SvelteKit 中管理前端環境變數大家都知道後端節點(如 Node.js)可以輕鬆地透過 `.env` 檔案或 `process` 物件來存取環境變數。但在純前端應用程式,尤其是使用如 SvelteKit 這樣的現代框架時,這個任務看起來就沒那麼直觀了。
什麼是 Javascript module,讓 JavaScript 程式碼更有組織我們可能都很會使用開發 node.js 程式,使用各種前端工具,但可能不是很了解什麼是 Javascript module、ES modules、CommonJS Module,又為什麼有些程式使用 require,有些程式使用 import?
如何批量取消訂閱 YouTube 頻道,使用 YouTube Subscriptions API這篇文章中將帶領大家透過一個實際的案例,使用 Google YouTube API, OAuth, Svelte, 和 TailwindCSS 建立一個簡單、方便的工具來批量取消訂閱 YouTu...
TypeScript 入門:建立開發環境,並執行第一個 TypeScript 程式介紹如何在 macOS 上搭建 TypeScript 開發環境和運行 TypeScript 程式。文章涵蓋 Node.js 安裝、TypeScript Compiler (tsc) 的使用,以及多種運行 TypeScript 的方式,適合想要開始學習 TypeScript 的開發者。
justify-content vs align-content,Flexbox 的垂直與水平對齊方式CSS Flexbox,是一種用於在網頁上創建靈活布局的 CSS3 布局模型。它允許容器內的子元素能夠在需要時伸縮,以適應不同的顯示空間,其中最常使用的屬性就是 justify-content 和 align-content。
encodeURI vs encodeURIComponent,簡單解說 URI 編碼作為一名網頁前端開發人員,`encodeURI` 和 `encodeURIComponent` 都是 JavaScript 中用於編碼 URI (統一資源標識符) 的函數。它們對於確保某些字符能夠正確地格式化,以便能夠通過網路傳輸至關重要。然而,這兩者之間有一些關鍵的區別。
CSS Grid 實戰範例,快速打造網頁儀表板CSS Grid 是一種現代的網頁佈局工具,它就像一個巨大的棋盤,讓你能輕鬆地在網頁上安排各種元素。這個棋盤由多個列和行組成,你可以自由地調整它們的大小。每個放在這個棋盤上的元素都是一個網格項目,你可以將它們放在任何你想要的位置。
Table of Contents 大解密,ToC 程式就是這麼簡單在信息過載成為常態的時代,結構良好的文章目錄(Table of Contents,簡稱ToC)就像燈塔一樣,可以引導讀者穿越文字海洋,本文將帶領讀者如何開發 Table of Contents,...
npm vs yarn vs pnpm,誰是你的最佳選擇?詳細比較三種主流的 JavaScript 套件管理工具:npm、yarn 和 pnpm。文章分析各工具的性能、安全性、空間使用和社群支持等面向,幫助開發者選擇最適合的套件管理器。
查看 所有分類。



