1. Webpack 應用
為了能夠貼近實際上的開發,希望能多了解環境建置,所以並未使用 Vue CLI 所提供的環境配置,開始從最基本的環境建置開始,於是使用 Webpack 工具進行基本環境配置,配置 dev、pro mode 、loader、plugins、JS、CSS 代碼分離,並使用 SpeedMeasurePlugin 測試所花時間,配置 thread cache loader 優化打包速度,在起初環境配置,就花了快一個禮拜的時間,才進行到網頁開發。
2. Vue 框架應用
使用電影網站所提供的API串接並渲染於頁面上,建立了基本功能,全選、單選、金額計算、數量、資料排序、keyword search、localStorage。配置 router,使用 $emit、props 進行父子之間的傳值。
https://ericchang159.github.io/Vue-Ecommerce/
二、RWD 作品: 旅遊網頁 Landing Page
使用 Css-grid layout、@media,建立RWD網頁,使用Bootstrap、JQuery,做簡易動畫。
https://ericchang159.github.io/RWD-practice/
三、後端作品: 留言版 後端作品
Node.js Express MongoDB 使用 Express 框架配置 CRUD 並連接 MongoDB 數據庫,實現可在網頁上更動數據庫的功能。
https://murmuring-plains-30748.herokuapp.com/