教學與資訊
追求完美的套件管理器:npm、Yarn 與 pnpm 的解析
npm(Node Package Manager) 是 Node.js 的預設套件管理系統(包管理工具),完全以 JavaScript 編寫而成。當你安裝 Node.js 時,npm 通常會自動一併安裝,因此可以直接在命令列中使用相關指令進行套件管理。
教學與資訊
npm(Node Package Manager) 是 Node.js 的預設套件管理系統(包管理工具),完全以 JavaScript 編寫而成。當你安裝 Node.js 時,npm 通常會自動一併安裝,因此可以直接在命令列中使用相關指令進行套件管理。
網路資源
Embedding Atlas:Apple 推出的開源 embedding 視覺化工具,支援 WebGPU 高效渲染、即時分群、搜尋與最近鄰探索,資料完全本地處理,並提供 Python 與 npm 套件整合,適合資料工程與 AI 團隊使用。
網路資源
MingCute:開源高品質圖示庫,採 Apache-2.0 授權,提供線條與填滿兩種風格、SVG/PNG/Webfont 格式,上千款圖示並支援 Figma、NPM、Iconify 與動態 Lottie 整合,適合設計與開發快速打造一致美觀的 UI。
網路資源
Hugeicons Pro 是一個提供超過27,000+專業圖示的網站,旨在為設計師和開發者提供高品質、風格多樣的圖示庫,以美化他們的設計專案。支援多種格式包括Figma、React、SVG、CDN、NPM等,並提供一個強大的Figma 外掛,以提升設計效率。此外,Hugeicons還擁有一個免費圖示庫,包含超過3,800個圖示,適合於各種個人和商業項目使用。
網路資源
Icongo 是一個收錄了超過 7 萬個免費 icon 的龐大 SVG icon 搜尋引擎,開發者和設計師可以方便地透過其在專案中使用。它整合了來自多個開源 icon 的資源,使用者可以通過關鍵字來找到所需的icon。
網路資源
Bootstrap Icons 是 Bootstrap 提供的 icon 服務,可以透過這個服務輕鬆地把 icon 增加到網頁上。
網路資源
Typewriter JS 是一個可以簡單做出打字機效果的 javascript plugin,參考官方文件再調整參數就能做出想要的效果。
網路資源
AutoAnimate 是一個滿有趣的 javascript Library,之前的 Library 通常需要使用者自行決定在哪裡添加動畫,並進行設定,而AutoAnimate則能夠自動在整個應用程式中添加適當的動畫。
教學與資訊
要在 Vite 專案安裝 bootstrap,首先切換到專案資料夾,然後透過 npm 安裝再讀入即可。
教學與資訊
說明在 VIte 內使用 Vue-Router 以及設定的方法。
網路資源
Vidage.js 是一個手機友善的全螢幕網頁背景套件,簡單讀入就可以使用。
網路資源
Vegas Background SlideShow 是一個好用的全螢幕背景幻燈片播放套件,而且可以自訂的部分很多,更可以設定影片當作播放的項目。
網路資源
vidbg.js 是一個簡單好用的網頁背景影片播放套件,並說明使用方法。
網路資源
youtube-background.js 是一個可以把 Youtube 影片設定成網頁上的背景播放影片的 jQuery 套件,簡單設定後就可以將指定的 YouTube 影片在頁面上的背景播放了。
網路資源
如果有想要在網站放上星星背景或流星效果,可以考慮使用 starback.js 這個套件。
網路資源
PatternFly Elements 是一個收錄豐富的 Web Components,並提供 React、Vue.js 及 Angular 等熱門框架元件。
網路資源
UI5 Web Components 是一個豐富的 Web Components 套件庫,支援 React、Vue.js、Angular 以及 Svelte 等主流前端框架。
網路資源
Relative Time Element 是一個方便的前端時間相關 Web Components,可以透過 Relative Time Element 間單在網站上改變時間格式,或是顯示經過或著是距離目標尚有多久時間。