Vue.js學習筆記(一)

其它前端主流框架能夠作的事,Vue.js幾乎均可以作,前端

nuxt框架:能夠實現vue的服務器端渲染,vue

weex:使用vue語法編寫原生app。ios

基礎內容

  1. 基礎語法
  2. MVVM設計模式
  3. 前端組件化
  4. vue實例生命週期函數
  5. 動畫特效

去哪兒網項目實戰

  1. 環境搭建
  2. 使用Git
  3. 本地模擬後端接口進行本地代碼開發
  4. vue項目如何實現先後端的代碼聯調
  5. 如何完成對vue項目的真機測試
  6. vue項目的完整上線流程

項目實現的功能:

  1. 根據不一樣城市選擇不一樣景點;
  2. 首頁上實現了多區域輪播的功能;
  3. 多區域列表的循環展現;
  4. 在城市選擇頁面,實現了城市的展現,城市的搜索,城市右側字母與左側區塊動畫聯動的效果;
  5. 景點詳情頁面,公用的畫廊組件,漸隱漸現的header組件,遞歸展現的列表組件,
  6. 使用Axios進行Ajax數據的獲取, 
  7. 使用vue-router作多頁面之間的路由,
  8. 使用vuex作各個組件數據之間的共享,
  9. 使用異步組件讓代碼項目上線性能更優,
  10. 使用stylus編寫前端的樣式,
  11. 應用遞歸組件實現 組件自身本身調用本身的效果,
  12. 使用各類插件,好比swiper插件來實現頁面上的輪播效果,
  13. 進行公用組件的拆分。

作完項目的收穫:

  1. 完全入門vue的使用;
  2. 理解整個vue項目的開發流程;
  3. 移動端頁面佈局技巧;
  4. 上手中大型vue項目的開發;
  5. 規範的代碼編寫。
相關文章
相關標籤/搜索