重要!!!
該專案已經寫了非常詳細的文件,幫助剛學習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本地儲存
- 非同步元件
- ……
專案演示
說明
看這個專案前能夠用預備html,css,vue,es6,webpack的一些知識
專案僅作為學習使用,程式碼裡面的元件庫可以下載作為自己專案使用,程式碼會放到github上面,大家可以clone github下載原始碼。
大家都能堅持學習下去,