Vue2.5從0開發貓眼

重要!!!

該項目已經寫了很是詳細的文檔,幫助剛學習vue可以一步一步操做。css

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

有疑問的能夠到github提issue,共同探討學習。若是該項目對於您有所幫助,但願您能夠點到github star 能支持一下 ^_^vue

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

爲何想寫這個項目?

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

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

  • 不少同窗應該有這個疑問,看完vue文檔以後,vue的項目怎麼合理搭建目錄,這個幫剛準備寫vue的項目的目錄結構可以很清晰的劃分。es6

如何使用

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 + gitgithub

都包含什麼

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

項目演示

說明

看這個項目前可以用預備html,css,vue,es6,webpack的一些知識web

項目僅做爲學習使用,代碼裏面的組件庫能夠下載做爲本身項目使用,代碼會放到github上面,你們能夠clone github下載源代碼。 你們都能堅持學習下去,npm

相關文章
相關標籤/搜索