分享一下最近才得知的一個提案 iterator helpers。
前陣子幫公司完成了 Vue2 老專案升級。從 node10 升到 node16,並從 @rails/webpacker (webpack4) 成功遷移到了 vite。
@rails/webpacker
這篇文章大概分兩段,一個是標題的 Vue 裡面使用 jsx 會更優的案例分享。另一個是,我試著用 stackblitz codeflow 做 demo 時碰到的一些 vite + vue2 + ts + babel 相關坑點。
前端要對後端發出 API request,可分為「同網域」以及「不同網域」。大多情況下,不同網域時會使用 JWT 來做登入與授權,同網域會用 cookie-session 的方式居多。
記錄一下最近碰到的有趣問題。
Vite v4.2 搭配Ant Design v5 時,會有 run dev 初次啟動極度緩慢的問題,這情況在 Windows 特別明顯。經測試我個人的 PC 要花 6x 秒頁面才會顯示出來。(run dev 之後頁面開啟開始計算)
可參考這篇 issues:
Sentry 是一套監控工具,可以蒐集 App 的錯誤訊息,在 Sentry 的平台上呈現,方便專案交付之後的維護與 debug。
筆記一下最近碰到的需求:
要如何在一個表單 input / textarea 上限制字數?
給自己筆記一下。有用過 tailwind + vite 的話,應該會注意到 tailwind 使用的是 CommonJS 的 module 格式,而不是 ES6 Module。
最近工作上碰到一個情境,有個自製的 table 組件,要追加新的欄位上去。但是當前的寫法的父子層組件搭配方式,會有迴圈數過多的現象。概念上大概是這樣: