✏️全部文章
JS - Intersection Observer 交叉觀察器
前端進階-Intersection Observer 交叉觀察器 前陣子做網站時遇到一個需求，當使用者滑到底部時，要獲取新的資料，就是所謂的懶加載 lazy loading。 最一開始的想法是用 scrol...
前往JS - Intersection Observer 交叉觀察器文章如何轉換網頁中的貨幣單位、日期格式？- JS Intl 詳解
前端進階-你知道 JS Intl 這很有意思的 API 嗎？ 他提供許多方法來處理不同地區和語言的文法、日期、貨幣格式，讓你在解決網站需要國際化時可能會遇到的格式問題。 我們可以直接在控制台裡輸入 Intl...
前往如何轉換網頁中的貨幣單位、日期格式？- JS Intl 詳解文章5 種你一定要會的 CSS 選擇器 - 大幅減少 JS 的使用，製作網頁更有效率
前端基礎-相信 CSS 選擇器對寫網頁的人都不陌生，除了常用的 :hover、:actived、::after 之外，還有其它超很好用的 CSS 選擇器，用的好的話甚至可以取代部份的 JS 程式碼，今天我就整理...
前往5 種你一定要會的 CSS 選擇器 - 大幅減少 JS 的使用，製作網頁更有效率文章React useOptimistic Hook 詳解 - 如何在 React 實作 Optimistic Update？
前端框架-React 19 推出了一個新的 Hook，專門用來樂觀更新 - useOptimistic。如果你不知道甚麼是樂觀更新，可以參考我寫的這篇文章，裡面有詳細的介紹。 在 React 中如何實現樂觀更...
前往React useOptimistic Hook 詳解 - 如何在 React 實作 Optimistic Update？文章甚麼是樂觀更新 Optimistic Updates？增強用戶體驗的技術
前端進階-甚麼是樂觀更新 Optimistic Updates？ 樂觀更新(Optimistic Updates) 是一種增加用戶體驗的技術。 在前端做 request 的時候，如果我們一開始就直接預設伺服...
前往甚麼是樂觀更新 Optimistic Updates？增強用戶體驗的技術文章為甚麼你寫的 CSS 沒有效果 - CSS 選擇器的優先級、權重
前端基礎-為甚麼你寫的 CSS 沒有效生效呢？ 在 CSS 中優先級可以分成 0 ~ 5 共 6 個等級，數字越大，優先級越大，比如說 !important 就是 5 級優先級，所以他可以覆蓋所有的選擇器。 ...
前往為甚麼你寫的 CSS 沒有效果 - CSS 選擇器的優先級、權重文章如何用 CSS 做出邊緣模糊的圖片？ 三種做 CSS Fuzzy Border 的方法
前端網頁動效-前這子公司遇到這樣設計的需求 👇 我第一個想法試用 mask 製作，後來 mask 遇到一些問題，就又想了另外兩個思路來製作，你知道怎麼做嗎？ 邊緣模糊圖片的 HTML 和 CSS 先簡單看一...
前往如何用 CSS 做出邊緣模糊的圖片？ 三種做 CSS Fuzzy Border 的方法文章開發者必裝的 5 個 vs code 插件 - 這 5 個插件大幅提高我的工作效率
其它內容-一、Codeium Codeium 簡單說就是免費版的 Github Copilot，可以在 vscode 下載，登陸。 雖然是免費的，但功能依然強大。可以直接在 vscode 讓他解釋 code...
前往開發者必裝的 5 個 vs code 插件 - 這 5 個插件大幅提高我的工作效率文章前端 Junior 該如何準備一場面試？七大步驟帶你完整規劃面試過程。
工程師的自我成長-當完兵的我，是如何準備第一場面試的 對前端工程師而言，面試是一個很好證明能力的機會，如何展示專案、如何有效溝通，如何證明自己潛力和能力，如何讓公司覺得你有能力勝任，都是面試很重要的環節。 如果你有...
前往 前端 Junior 該如何準備一場面試？七大步驟帶你完整規劃面試過程。文章JS 事件 Event 詳解 - JS 和 HTML 之間的交互動作 (addEventListener、冒泡、捕獲)
前端基礎-JavaScript 和 HTML 之間的交互動作是靠事件 Event 實現的。當文檔或瀏覽器發生一些用戶行為的瞬間(例如點擊、滾動、縮小放大視窗…等等)，可以利用監聽器 Listener 來監聽並執...
前往JS 事件 Event 詳解 - JS 和 HTML 之間的交互動作 (addEventListener、冒泡、捕獲)文章