18/10/22 星期一

已辦事項：

1. 整理上週博文。
2. Vue中動畫特效的學習。
3. Animation.css庫的瞭解使用。
4. velocity.js動畫庫的瞭解使用。
5. 動畫元件的封裝使用。

待辦事項：

1. Vue慕課專案教程學習。
2. 關於Vue的is特性以及ref和$refs的使用部落格整理。

18/10/23 星期二

已辦事項：

1. Vue動畫特效部分內容整理及博文發表。
2. 解決已部署專案中出現的問題。
3. Vue慕課網專案的環境搭建 + 碼雲私有倉庫建立

待辦事項：

1. Vue專案的開展學習。

18/10/24 星期三

已辦事項：

1. Vue慕課網專案首頁Header、Swiper的頁面UI實現。
2. Vue-cli腳手架工具的相關配置。
3. 單頁應用和多頁應用的優缺點比較：

   1. 多頁應用：頁面跳轉請求 - 返回HTML
      優點：首屏時間快，SEO效果好
      缺點：頁面且緩慢

   2. 單頁應用：判斷頁面跳轉 - 通過JS清空當前載入HTML - DOM元素新的HTML渲染
      優點：頁面切換快
      缺點：首屏時間慢(html + js 請求)，SEO效果差

4. 移動端UI設計中常見問題的瞭解以及解決方案。
   1. 一畫素邊框問題： 引入border.css檔案
   2. 300毫秒點選事件延遲問題：npm install fastclick --save
5. stylus - CSS開發輔助工具的使用學習。
6. 第三方輪播外掛：vue-awesome-swiper的使用學習。

待辦事項：

1. Vue專案首頁Icons部分UI以及功能邏輯實現。

18/10/25 星期四

已辦事項：

1. Vue專案首頁開發實現。
   1. Header
   2. Swiper
   3. Recommend
   4. Weekend
2. 採用vue提供的axios實現ajax資料請求。
3. Weekend模組UI樣式調整。
4. 根據模組建立對應分支，採用git進行線上線下環境程式碼統一，碼雲已開通使用倉庫。
5. 解決已部署專案中出現的問題。

待辦事項：

1. 整理Vue專案首頁學習的主要內容，並發表博文。
2. 針對前端rem自適應佈局的瞭解學習。
3. 關於Vue的is特性以及ref和$refs的使用部落格整理。

18/10/26 星期五

已辦事項：

1. 整理Vue專案中首頁開發部分的內容，學習專欄：https://blog.csdn.net/column/details/28715.html
2. Vue中is特性以及ref和$refs API的瞭解學習
3. 針對20181025的需求變更，對部署專案進行變更並重新打包
4. 專案本週變更及更新，統一程式碼至trunk

待辦事項：

1. vue專案城市列表功能模組開發