今年的 Review 總算是在西元年前寫完了,
踏入前端的第二年, 收穫超豐。
2018 回顧
每年的 Review 都是在農曆年前XD,
今年是正式踏入前端的第一年,收穫頗豐。
Vue-cli3 - 讀取yaml檔並寫入env
最近新專案使用 vue-cli3 來建構,
原本預設專案內的一堆 webpack 的設定檔都消失了,
要在專案根目錄底下自己建立一個 vue.config.js
來設置。
記錄一下一些基本設定跟讀環境設定檔(yaml格式)的方法:
用Vue + CSS寫一個吃角子老虎機(拉霸)
這次又用了Vue + CSS寫一個吃角子老虎機(拉霸)來玩,
很多想法繼承年初寫的大轉盤,
主要藉由CSS 3D做獎項的主體,透過JS寫入CSS變數來更改起始與結束的旋轉角度,
也一樣有寫成可以透過Config來調節獎項內容與樣式。
多頁籤共享sessionStorage並同步至vuex
範例連結
https://guahsu.io/Vue-sessionStorage/dist/
再vue專案中,如果有使用到vuex來做狀態管理,
那很常會遇到一件事情就是重新整理後就遺失了原本的狀態,
這裡紀錄我的解決方案:使多頁籤共享SessionStorage並透過同步達到Vuex資料的持久化。
TheF2E 前端挑戰 - 結束
為期九週的挑戰終於結束,總算是可以好好休息了(?)
這九週的挑戰真的是各種練習都出現了,
也因為可利用時間不多的關係,感覺也是挑戰了寫草稿跟整理code的速度。