CleanMyMac

分類:「前端技術」

  1. 1 個程式範例,快速學習 JavaScript 物件導向語法

    透過一個完整的程式範例,深入探討 JavaScript 中的物件導向編程概念。文章涵蓋類別定義、公共和私有屬性、構造函數、方法使用以及類別繼承等關鍵技術,適合想要掌握 JavaScript OOP 語法的開發者。

  2. 如何在 SvelteKit 中管理前端環境變數

    大家都知道後端節點(如 Node.js)可以輕鬆地透過 `.env` 檔案或 `process` 物件來存取環境變數。但在純前端應用程式,尤其是使用如 SvelteKit 這樣的現代框架時,這個任務看起來就沒那麼直觀了。

  3. 什麼是 Javascript module,讓 JavaScript 程式碼更有組織

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

  4. 如何批量取消訂閱 YouTube 頻道,使用 YouTube Subscriptions API

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

  5. TypeScript 入門:建立開發環境,並執行第一個 TypeScript 程式

    介紹如何在 macOS 上搭建 TypeScript 開發環境和運行 TypeScript 程式。文章涵蓋 Node.js 安裝、TypeScript Compiler (tsc) 的使用,以及多種運行 TypeScript 的方式,適合想要開始學習 TypeScript 的開發者。

  6. justify-content vs align-content,Flexbox 的垂直與水平對齊方式

    CSS Flexbox,是一種用於在網頁上創建靈活布局的 CSS3 布局模型。它允許容器內的子元素能夠在需要時伸縮,以適應不同的顯示空間,其中最常使用的屬性就是 justify-content 和 align-content。

  7. encodeURI vs encodeURIComponent,簡單解說 URI 編碼

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

  8. CSS Grid 實戰範例,快速打造網頁儀表板

    CSS Grid 是一種現代的網頁佈局工具,它就像一個巨大的棋盤,讓你能輕鬆地在網頁上安排各種元素。這個棋盤由多個列和行組成,你可以自由地調整它們的大小。每個放在這個棋盤上的元素都是一個網格項目,你可以將它們放在任何你想要的位置。

  9. Table of Contents 大解密,ToC 程式就是這麼簡單

    在信息過載成為常態的時代,結構良好的文章目錄(Table of Contents,簡稱ToC)就像燈塔一樣,可以引導讀者穿越文字海洋,本文將帶領讀者如何開發 Table of Contents,...

  10. npm vs yarn vs pnpm,誰是你的最佳選擇?

    詳細比較三種主流的 JavaScript 套件管理工具:npm、yarn 和 pnpm。文章分析各工具的性能、安全性、空間使用和社群支持等面向,幫助開發者選擇最適合的套件管理器。

查看 所有分類