18/10/22~18/10/26實習報告
阿新 • • 發佈:2018-11-12
18/10/22 星期一
已辦事項:
- 整理上週博文。
- Vue中動畫特效的學習。
- Animation.css庫的瞭解使用。
- velocity.js動畫庫的瞭解使用。
- 動畫元件的封裝使用。
待辦事項:
- Vue慕課專案教程學習。
- 關於Vue的is特性以及ref和$refs的使用部落格整理。
18/10/23 星期二
已辦事項:
- Vue動畫特效部分內容整理及博文發表。
- 解決已部署專案中出現的問題。
- Vue慕課網專案的環境搭建 + 碼雲私有倉庫建立
待辦事項:
- Vue專案的開展學習。
18/10/24 星期三
已辦事項:
- Vue慕課網專案首頁Header、Swiper的頁面UI實現。
- Vue-cli腳手架工具的相關配置。
- 單頁應用和多頁應用的優缺點比較:
-
多頁應用:頁面跳轉請求 - 返回HTML
優點:首屏時間快,SEO效果好
缺點:頁面且緩慢 -
單頁應用:判斷頁面跳轉 - 通過JS清空當前載入HTML - DOM元素新的HTML渲染
優點:頁面切換快
缺點:首屏時間慢(html + js 請求),SEO效果差
-
- 移動端UI設計中常見問題的瞭解以及解決方案。
- 一畫素邊框問題: 引入border.css檔案
- 300毫秒點選事件延遲問題:npm install fastclick --save
- stylus - CSS開發輔助工具的使用學習。
- 第三方輪播外掛:vue-awesome-swiper的使用學習。
待辦事項:
- Vue專案首頁Icons部分UI以及功能邏輯實現。
18/10/25 星期四
已辦事項:
- Vue專案首頁開發實現。
- Header
- Swiper
- Recommend
- Weekend
- 採用vue提供的axios實現ajax資料請求。
- Weekend模組UI樣式調整。
- 根據模組建立對應分支,採用git進行線上線下環境程式碼統一,碼雲已開通使用倉庫。
- 解決已部署專案中出現的問題。
待辦事項:
- 整理Vue專案首頁學習的主要內容,並發表博文。
- 針對前端rem自適應佈局的瞭解學習。
- 關於Vue的is特性以及ref和$refs的使用部落格整理。
18/10/26 星期五
已辦事項:
- 整理Vue專案中首頁開發部分的內容,學習專欄:https://blog.csdn.net/column/details/28715.html
- Vue中is特性以及ref和$refs API的瞭解學習
- 針對20181025的需求變更,對部署專案進行變更並重新打包
- 專案本週變更及更新,統一程式碼至trunk
待辦事項:
-
vue專案城市列表功能模組開發