為 Yup 自訂驗證加上支援 Typescript
我們在使用 Yup 時,很常會使用 Yup.addMethod
來新增自訂的驗證方式,但如果專案是 Typescript 的卻沒有加上適當的 Type,會使編譯時出現錯誤。
這時候我們為加上正確的 Type,不只不會出現錯誤,使用上也更方便。
Don't Make Me Think:如何設計好網站 - 讀後筆記
近年一直想提升我的 UI / UX 技能,至少到用起來不會不適,而有人向我推薦這本入門的書,稍微查了一下目錄後,看起來內容滿不錯。也剛好遇到過年假期,就想說把它看完順便寫成重點筆記。
原本是想在網路買二手,但發現市立圖書館剛好有這本書 (第二版),所以就改去圖書館借了,而上次到圖書館借書是五年前了。
使用 vuex-map-fields 讓 Vuex state 也可使用 v-model 綁定
有在用 Vue 寫應用程式的人,一定也會接觸到 Vuex,它有很多優點但也有限制,
其中一項就是不能在 Mutation 以外的地方修改 State ,所以也就不能直接使用
v-model 去綁定,雖然官方有提供一段替代的寫法,但還是比原本直接用 v-model
來的麻煩很多,特別是大量的時候。
Vue Router Lazy Loading
SPA 的網站會因為功能變多造成 build 出來的產物越來越大,雖然 Webpack 可以切 Chunk,但也會讓載入的時間變長,此時可以搭配 Vue 的
Components Dynamic Async
的功能,讓 Component 只在使用到的時候才去載入,不會一次就全部載完。
新增 Bootstrap 4 到用 vue-cli 3.x 建立的專案中
在這邊紀錄一下怎麼將 Bootstrap 4 新增進 vue-cli 3.x 所建立的專案中。
CSS Animation 入門筆記
作者 Puck Wang
| 建立於 2018-12-03 12:00
| 更新於 2021-12-12 06:36
| 版本 bfd595b
| 分類: 軟體開發
| 標籤: CSS3, Front-end, Web
利用 CSS 動畫,可不必使用 Javascript 或是 Git,就能讓 HTML 的元素有動畫的效果。
這此是為了製作 Loading 的圖示,才會來研究 CSS 動畫。