Vue2.5從0開發貓眼

cxp1539發表於2019-03-04

重要!!!

該專案已經寫了非常詳細的文件,幫助剛學習vue能夠一步一步操作。

連結地址(cxp1539.github.io/vue-maoyan/)

有疑問的可以到github提issue,共同探討學習。如果該專案對於您有所幫助,希望您可以點到github star 能支援一下 ^_^

github地址(github.com/cxp1539/vue…)

為什麼想寫這個專案?

  • 這一兩年趁業餘時間接觸了Vue、React,平時也都是拿小功能練練手,知識點比較碎。想借個專案梳理一下,把一些移動端很細的技術點都融進這個專案中。

  • 幫助剛學習vue的同學,能夠能快的上手專案。vue基本上都是要運用各種全家桶技術棧,所以這個可以幫助剛學習的同學更好的掌握Vue各個基礎知識點和各種全家桶技術的結合的專案。

  • 很多同學應該有這個疑問,看完vue文件之後,vue的專案怎麼合理搭建目錄,這個幫剛準備寫vue的專案的目錄結構能夠很清晰的劃分。

如何使用

git clone https://github.com/cxp1539/vue-maoyan-web.git
cd vue-maoyan-web
npm install
npm run dev
複製程式碼

技術棧

Vue2.5 + Vuex + Vue Router + axios + Es6 + stylus + flex + Webpack + ESlint + git

都包含什麼

  • 合理的專案目錄規劃
  • Flex佈局專案中使用
  • iconfont使用
  • 移動端點選穿透
  • 圖片懶載入
  • 移動端1px邊框問題
  • 移動端2x,3x背景圖問題
  • 基礎元件庫如topbar、loading、彈出框、滾動條、城市選擇等元件的封裝
  • Vue動畫
  • Promise
  • axios獲取資料
  • Vuex的使用
  • LocalStorge本地儲存
  • 非同步元件
  • ……

專案演示

Vue2.5從0開發貓眼
Vue2.5從0開發貓眼
Vue2.5從0開發貓眼
Vue2.5從0開發貓眼
Vue2.5從0開發貓眼
Vue2.5從0開發貓眼

說明

看這個專案前能夠用預備html,css,vue,es6,webpack的一些知識

專案僅作為學習使用,程式碼裡面的元件庫可以下載作為自己專案使用,程式碼會放到github上面,大家可以clone github下載原始碼。
大家都能堅持學習下去,

相關文章