前陣子驚喜發現 Google 有一套 Material 風格字型檔案圖示，數量超過 2500 個，開放原始碼，採 Apach V2 授權可免費用於個人及商業用途，還有友善的查詢介面： 使用方法跟 Font Awesome 一樣簡單，用 LINK 參照 CSS，在 HTML 插入 <span ...

先前用 FontAwesome 時學到網頁字型檔格式是 woff/woff2，較早期 IIS 需加設 MIME Types 才能正確下載。前陣子查閱 Google Material Icons 文件，讀到一段字型檔放自家網站的 CSS 設定範例： @font-face { font-family...

CLI 指令執行結果要存成檔案很簡單，加上 > filename 將 stdout 轉向檔案就可以了。(或是 2>&1 >filename 連錯誤訊息也一併寫入) 但這麼做有個缺點，導向檔案後螢幕完全看不到結果，遇到耗時較久的作業會無法掌握進度，連程式有沒有當掉都搞不清楚。...

應用系統網站免不了會用到小圖示。早從 ASP/WebForm 時代，我就有四處蒐集 16x16、12x12 迷你 GIF 圖示的習慣，但檔案來自四面八方，很難要求配色、風格一致，所以認識 Font-Awesome，我如獲至寶。一套包含數百上千個圖示，用一個 woff/ttf 檔加 css 取代上千個...

當遇到狀況，網頁要顯示訊息的形式有很多種，最無腦最粗暴的做法是 alert()： 標題、位置、樣式沒得選，也談不上與網頁風格一致，但系統內建不必花腦筋，程式碼可中斷等使用者回應再繼續，用起來超簡單是它最大優點。 但如果你的網站要拿來換錢錢或分數，簡陋的 alert()/confirm() 很容易讓...

複製物件是 JavaScript 的實用技巧之一，十幾前我就學會用 jQuery.extend() 搞定，常見應用是結合參數預設值及函式傳入的設定值，例如： const defaults = { fontSize: '10pt', color: 'white', backgr...

自從宣告 IE 封印解除，我一改過去儘量用古老寫法以免惹 IE 生氣的保守心態，積極學習現代 JavaScript。猶如鄉巴佬進城，連看見自動販賣機也會大讚科技好進步。對專業前端開發人員來說，2022 年還在介紹這種基本常識簡直笑死，但心想「總有比我更晚解封的人」，還是拋開羞恥心(謎：不要提那種你沒...

昨天分享透過 vue3-sfc-loader 載入 .vue 檔案的解決方案，讓輕前端也能輕鬆應用 SFC 元件實現氣刀體一致，但仍有美中不足之處。 首先，vue3-sfc-loader 的原理是把 Vue CLI 開發階段用的 SFC 編譯程式搬到瀏覽器端( vue3-sfc-loader.js ...

前幾天提到在 ASP.NET 使用輕前端 整合 Vue.js 做 MVVM，若遇到伺服端元件輸出 script/style 的注意事項。FB 留言區 Died Liu 分享透過 defineAsyncComponent 方法載入 .vue 元件檔的做法，不需要 npm、webpack 也能享受用 ....