benchmark連結
array方法測試 Benchmark: forEach vs map by cuteLuna v2 – MeasureThat.net Benchmark: simple array and map vs forEach vs for by cuteLuna v2 – Me...
科技
提升品質
【程式碼部份】 效能（使用 benchmark 工具檢測） 可讀性 eslint 修正 瀏覽器css效能 console.log有什麼提示 render 次數、profiling 工具 API有沒有多打 熟讀文件（ex TypeScript …...
樹狀選單好看的
這是contentful的...
慟慟慟
突然連不上VPN，說要檢查設定，煩了幾天， 結果按最下面的Network reset就修好了...
平常如何吸取新知
訂閱一些NewsLetter 參考求職網站列出的需求 參加一些Conference 定期瀏覽新聞網站、喜歡的技術網站（例如 roadmap.sh 更新很多… 新知方向分類： 程式碼版本更新、MDN文件 有出什麼新套件、使用的套件更新 有出什麼新框架 有什麼新的技術 瀏覽器更新功能 IDE更新 技術調...
TS1128: Declaration or statement expected.
webstorm有這個提示，結果我找遍了問題都找不到在哪，最後重開就沒有了〓〓…耍我R...
目前AI生成工具的弱點？
問他新一點的文件內容不一定準確，不一定能正確的使用新版本的套件（例如Pixi.js 承上，如果專案是整合了各種套件，叫他搭配使用不一定能寫正確（其實也可以不使用這些套件，不過就是看團隊規劃） 有些同事寫的Code，AI不一定看得懂，叫AI分析之後修改，還會改錯。 視覺上的問題，例如動畫之類的比較難請...
React optional props
這是antd文件上的 Form – Ant Design...
Devtool
這個勾起來，Preserve log，就算重整了之前的紀錄還會保留。 還有screenshot功能，double click可以放大看 取消快取功能，僅限devtool有打開的時候 參考文章 Network features reference...
AI生成程式碼工具介紹
CodeCat 快速生成一個sandbox讓你可以套用，不過太難的可能生不出來。...
寫哪些測試
navigation has title CURD 待補充...
The Complete Node.js Course
買了Mosh的這堂課來看，要來把它學一學。 【Node Module System】 ．Node.js的modularity特性好用，每個module裡面的變數名子不會影響到別的module。 ．require function會吃到export裡的東西 ( it will store the re...
EChart
原來要有負數才會有中間這條線〓〓”...
訂目標時思考
差不多也到年尾了，這段期間會想要加緊衝刺一下，不然會覺得今年好像沒有什麼長進的感覺。 每次在訂目標、規劃時間時，思考這個目標最上游的目標是什麼？ 例如我想要學習Linux，學會以後期望技能點更多，變更強，然後賺更多錢，賺大錢就是我上游的目標。還可以再往上推，為什麼想要賺大錢、還有什麼方式賺大錢？ 思...
頁面checklist
先好好審視設計稿。提出疑問＆是否需要修改 需不需要loading 需不需要分頁 有無fixed element 【DatePicker】 如果有From和To的話，To要是today From不能比Today的日期後面...
目標分解
把想要達成的理想，分解成小塊小塊可實現的任務。 「我最喜歡籃球的一點，就是（它需要）不斷尋求進步，」他指出，「我熱愛那種身處一段持續進步旅程中的感覺。」 他將「踏入ＮＢＡ」的遠大目標，化成一個個投籃練習命中數、體能訓練表現等更小、卻可實踐的目標，努力去完成每個小目標，直到變成習慣。 終於當上ＮＢＡ球...
refactor
list && list.map 改成 list?.map((item) => …...
JavaScript why use pnpm
JavaScript Package Managers: NPM Vs YARN Vs PNPM...
面試題目收集：後端篇
【架構篇】 解釋MVC、MVVM 【Git】 Git跟SVN的差別 【DB】 如果遇到效能瓶頸在DB會怎麼做 【不會分類篇】 message queue怎麼實作 非同步/ multi thread 會應用在哪些場景 【其它】 過河相關邏輯測驗 River Crossing 【進修方向】 SQL一定要...
專案零碎memo
改svg大小或顏色 svg { width: 16px; color: #fff; // 有時候要這樣 path { fill: #fff; } } ant design的form有設定flex: 1 1 auto，所以把它蓋掉 .ant-form-item-control { flex: none...
電腦要爆了
...
webstorm 整合eslint & prettier 遇到的問題
How to Set Up ESLint Autofix and Prettier on Save in WebStorm 這篇有提出一個workaround，就先暫且用用...
antd
Form有使用到useWatch的地方，Input就會變慢… 這邊的valuePropName代表 Switch要的attribute是checked， 有加，Switch的checked={…} 才會生效...
How to create a form
送出表單後，要確認default value有沒有改成編輯過後的。...
寫程式的過程
我在想要怎麼讓速度變快。 使用套件 【閱讀→理解→實際應用】 這一段要快的話，就是多讀（觸類旁通）例如懂node.js和TypeScript看文件更快。文件有時間的話也要仔細看完，因為可能自己刻了一個方法，結果發現套件有提供，那就白作工了。 【看懂別人的程式】 有時間的話整體看，沒時間就先看要做的功...
UTC GMT
這是ChatGPT教的 Alright, imagine you have a big clock that shows the time, just like the one you might have in your room. But there are many clocks all ar...
面試題目收集：前端篇
收集一些面試經典題，有些是面試趣看到的，有些是自己遇到的 【CSS相關】 【React框架相關】 什麼情況要用memo？ memo – React 【JavaScript】 Event Propagation A simplified explanation of event propagation...
前端面試心得 2023
我想要種田 【中山區接案，有做小遊戲】 一開始有筆試，考了一些東西，之後是跟前端主管聊天。 因為有各種專案，都是從無到有開始做，做好再交接給其它地方維護，所以用的技術都還蠻新的。用的前端框架有React 18、Next 13、Vue 3 ，做蠻多手機版的。 前端主管說他們蠻重視學習的動力，有的工程師...
webstorm一直叫
...
Toast or SnackBar
這是一些UI toast的收集 react-notifications – npm (npmjs.com) 或者是考慮自己寫： How to setup React global alert popup in 10mins...