Y000ga[分享] 實作返回頁首的按鈕由於馬克信箱介紹網站是以宣傳為目的,網頁內容通常都蠻多的,也會導致整個頁面很長,如果想回到頁首卻只能自己慢慢滾動的話,可能會造成使用體驗不太好,所以在專案中實作返回頁首的按鈕。Jan 30, 2023Jan 30, 2023
Y000ga[分享] 實作註冊與登入頁面 (Formik + yup)在 Simple twitter 簡易社交平台 和 Rent Helper 租屋小幫手 專案中,都有用到登入與註冊功能,在 Simple twitter 中是透過 Redux 將 validation 機制寫在 authInput-slice 裡面,並且透過使用三大要件…Jan 10, 2023Jan 10, 2023
Y000ga[分享] 實作 Lazy Loading 與向下滾動以載入更多 (react-infinite-scroll-component)在 Rent Helper 租屋小幫手 專案中需要大量載入使用者所收藏的物件圖片與資料,這時候就適合使用 Lazy Loading(延遲載入)的技巧,可提升頁面載入速度,也能節省 client 端和 server 端間網路流量,以下將應用第三方套件…Jan 10, 2023Jan 10, 2023
Y000ga[分享] 隨機驗證碼生成器 (React + canvas)在設計登入帳號頁面與註冊帳號頁面時,很常看到隨機驗證碼的出現,以下是透過 React.js + canvas 做出簡單的隨機驗證碼生成器。Dec 2, 20221Dec 2, 20221