18/10/22~18/10/26實習報告

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項目城市列表功能模塊開發