鐵人檔案
很多人在學完JavaScript 之後，有了語法卻想不出能夠做些甚麼，所以我想要讓大家能夠在學完後有一點想法，學以致用，讓JavaScript 不要變得只是學了語法之後就荒廢。
前言 在滑 FB、IG 或各大新聞網站時，頁面永遠沒有盡頭——當你快滑到底部時，新內容就自動補充進來。這種「無窮滾動（Infinite Scroll）」能大幅提...
前言 電商網站的商品頁、後台管理系統，甚至個人作品集，隨處可見「頁籤（Tab）切換」功能。 Q：要如何寫出擴充性高、不寫死 ID 的頁籤組件？ A：利用 HTM...
前言 在電商商品頁或旅遊網站中，點擊小縮圖即時切換大圖是標準配備。但如果畫面上有幾十張圖片，每張都獨立綁定 Listener 會顯得冗長且佔用效能。今天我們就用...
前言在填寫社群貼文、評價回饋或個人簡介時，介面上即時顯示「目前字數 / 上限字數」並在超標時跳出紅色警告，是非常貼心且標準的 UX 設計。今天我們就來學習如何用...
前言 在登入或設定新密碼時，因為遮罩星號（●●●●）導致打錯字是常見的問題。提供一個「顯示/隱藏密碼」的按鈕，能讓使用者隨時確認輸入內容，不再那麼容易因為不確定...
前言填寫表單時，如果等到按下送出後頁面刷空才告訴你「Email 格式錯誤」，使用者一定會相當崩潰。優良的前端驗證可以在送出時擋下無效請求，並在輸入時即時復原錯誤...
前言 在填寫寄送地址或商品分類搜尋時，「選了縣市後，行政區選單才會跟著更新」是不可或缺的互動功能。如果沒有做好層級連動，不僅使用者體驗差，還容易讓使用者選出「台...
