Front-end 4

使用 vuex-map-fields 讓 Vuex state 也可使用 v-model 綁定

By Puck Wang |  建立於 2019-05-16 21:17  |  更新於 2020-03-16 23:42  |  版本 7adf02f  |  分類: 軟體開發 |  標籤: Front-End, Vue, Vuex, Web, vuex-map-fields, v-model

有在用 Vue 寫應用程式的人,一定也會接觸到 Vuex,它有很多優點但也有限制, 其中一項就是不能在 Mutation 以外的地方修改 State ,所以也就不能直接使用 v-model 去綁定,雖然官方有提供一段替代的寫法,但還是比原本直接用 v-model 來的麻煩很多,特別是大量的時候。

Continue Reading...

Vue Router Lazy Loading

By Puck Wang |  建立於 2019-04-14 12:23  |  更新於 2020-03-16 23:42  |  版本 7adf02f  |  分類: 軟體開發 |  標籤: Front-End, Vue, Web, dynamic import, Lazy, Vue Router

SPA 的網站會因為功能變多造成 build 出來的產物越來越大,雖然 Webpack 可以切 Chunk,但也會讓載入的時間變長,此時可以搭配 Vue 的 Components Dynamic Async 的功能,讓 Component 只在使用到的時候才去載入,不會一次就全部載完。

Continue Reading...

CSS Animation 入門筆記

By Puck Wang |  建立於 2018-12-03 12:00  |  更新於 2020-03-16 23:42  |  版本 7adf02f  |  分類: 軟體開發 |  標籤: CSS3, Front-end, Web

利用 CSS 動畫,可不必使用 Javascript 或是 Git,就能讓 HTML 的元素有動畫的效果。

這此是為了製作 Loading 的圖示,才會來研究 CSS 動畫。

Continue Reading...