Pinned那些為了「效能」所燃燒的腦細胞本篇雖然是源自於處理遊戲產業FPS的效能問題,但事後覺得大部分其實通用在各個產業,所以還是分享了出來。 在遊戲產業的效能,就讓我們先從FPS (Frame Per Second — 每秒顯示影格數) 開始說起吧! 畫面的顯示,其實都是在連續播放一幀幀的影像,當播放速度越快,人眼因視覺暫留所感受到的也會是更順暢的表現,而人眼一般覺得順暢的FPS是每秒2 …效能3 min read效能3 min read
PinnedUseful Validation of Yup這邊分享一些自己曾寫過的擴充驗證。 Yup Method noSpace 用處: 檢查是否在字串的頭尾包含了空白、是否全輸入空白鍵 (ps. allowEmpty是用在必填或選填欄位,以判斷空白的時候要不要檢查) import * as Yup from "yup"; Yup.addMethod(Yup.string, "noSpace", function (option = {} …Yup7 min readYup7 min read
Jan 7, 2024[前端小知識] Debounce防抖 & Throttle節流與它們的初次見面是在進行效能調校的時候,說來也是慚愧,早就該懂的東西卻拖到效能瓶頸時才知道…… 懶人包 兩者都是為了要減輕短時間內不停呼叫同個函式所造成的效能負擔,但在執行頻率上還是略有不同。 Debounce 防抖 只有在最後一次被呼叫的n秒後才會執行一次 使用情境:autocomplete、滑鼠移動、ajax、…等 Throttle 節流 保障函式一定會間隔至少n秒才會再度被執行,(也就是在n秒內的重 …Debounce3 min readDebounce3 min read
Aug 18, 2023[手把手教學] Form Validation with Yup前情提要 驗證的部分其實是第一次聽到&使用 Yup (以前就是徒手寫XD) 然後表單的部分有用過 Formik、React-hook-form還有Semantic UI (要自己搭配驗證流程) 這篇的重點主要會是在表單及Yup的搭配 會再穿插一點i18n 相關專案連結: https://github.com/Diuer/firebase-todolist-p …Yup17 min readYup17 min read
Jan 30, 2021[JS core concept] 引數 Arguments# 引數 Arguments var writeList = function(name, title, date){ // 參數 params console.log(`${title} written by ${name} at ${date}`); } writeList('Diuer', 'Today is holiday', '202 …Arguments6 min readArguments6 min read