JavaScript
簡單的壓縮 HTML、CSS、JavaScript
在網站開發中，壓縮 HTML、CSS 和 JavaScript 是提升性能的關鍵步驟之一。這篇文章介紹了幾個實用的套件，能有效減少檔案大小，縮短加載時間。
console.log() 印出樣式
在網頁開發中，我們經常會使用 console.log() 來印出訊息，方便我們追蹤程式碼的執行狀況。然而，你知道嗎？console.log() 不僅可以印出一般文字，還可以印出帶有樣式的字串！透過在 console.log() 中加入樣式資訊，可以讓印出的訊息更加醒目易讀，提高除錯效率。例如，你可以將錯誤訊息標記為紅色，或是將重要訊息加粗顯示。
前端檔案上傳: 圖片預覽
網頁前端上傳圖片預覽是提升使用者體驗的重要功能之一，在檔案上傳的情境中，很常是要上傳圖片檔案，本篇文章將來實作圖片上傳後產生該圖片的預覽圖。使用者上傳圖片，透過 File API 讀取該檔案，並轉換成 DataURL，接著將該 URL 設定為圖片元素的 src 屬性，即可實現即時預覽。
前端檔案上傳: 選擇檔案與拖曳檔案
製作網頁上傳區域，結合拖曳及點擊選擇檔案功能，提升使用者體驗。透過直覺的拖曳動作或傳統的點擊方式，輕鬆選取檔案，使整個上傳流程更為靈活且方便，凸顯網頁互動設計的創新與便利性。