分類:「前端技術」
- CSS Border-radius 指南, 不是只能畫圓角
深入理解 border-radius 的完整能力,從基本語法到進階技巧,包含互動式學習工具。了解瀏覽器的修正機制、形狀設計,以及常見陷阱的解決方案。
- 在 Eleventy(11ty)中優雅地使用 Svelte:一套實用的 Vite-based islands 架構
實戰分享:如何在 Eleventy(11ty)部落格文章中插入可重用的 Svelte 元件,使用 Vite 進行打包,並比較此做法與 11ty is-land 的差異與適用場景。
- CSS Stacking Context 教學:z-index 為什麼不聽話?
用最直覺的方式搞懂 stacking context:常見踩坑、排查流程、可直接用的範例與註解。
- 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 (統一資源標識符) 的函數。它們對於確保某些字符能夠正確地格式化,以便能夠通過網路傳輸至關重要。然而,這兩者之間有一些關鍵的區別。
查看 所有分類。












