摘要：項目預(yù)覽線上訪問或者二維碼掃描項目描述全家桶模仿網(wǎng)易嚴選瀏覽，購物流程，好的生活，沒那么貴。對狀態(tài)管理有了進一步的了解在項目過程中每一個組件都應(yīng)用了這個組件，切換的時候每次當(dāng)前選中的選項都是第一項成選中狀態(tài)，究其原因的他們的狀態(tài)沒有共享。

線上訪問:http://gettotally.com/yanxuan/#/

或者二維碼掃描:

vue全家桶模仿網(wǎng)易嚴選瀏覽，購物流程，好的生活，沒那么貴。

前后端分離,CORS解決跨域

vue 前端頁面展示

vue-router spa

vuex 組件狀態(tài)共享

axios 異步請求

es6 js新一代規(guī)范

localStorage 個人信息的存儲，購物車的存儲

Eslint 代碼規(guī)范

webpack build to dist

iview 部分引入

Node(Express) mock后臺數(shù)據(jù)

leancloud 托管express

圖片輪播

swiper滑塊

cell行組件

商品grid塊組件

tabbar切換

推薦，居家， 餐廚商品縮略信息的請求和展示

商品大圖滑動

參數(shù)，評論，名稱，詳情的請求展示

購買

加入購物車

頭部swiper滑塊

each-suggest 推薦組件

復(fù)用，改造首頁tabbar組件

請求每一分類數(shù)據(jù)

過渡效果

登陸狀態(tài)的判斷

全選，非全選的切換

購物車加入的過渡

滑動刪除

confirm框

下單形成訂單

grid

我的訂單

訂單的展示

未來一個星期都會每天更新功能，fixbug

造出了滑動刪除的輪子。

對狀態(tài)管理有了進一步的了解,在項目過程中每一個組件都應(yīng)用了footer這個組件，切換的時候每次當(dāng)前選中的選項都是第一項成選中狀態(tài)，究其原因的他們的狀態(tài)沒有共享。

對組件的抽離，書寫可復(fù)用的組件。

pages管理頁面組件

vuex狀態(tài)分模塊管理

util工具的分離

axios的封裝

2018屆畢業(yè)生求職中

技術(shù)棧：Vue + js + html + css + nodejs+ mongoDB + 微信小程序

掌握html5，css3，js（es5，es6）熟練應(yīng)用bootstrap，weui，semantic-ui，jquery等框架進行開發(fā)；熟練掌握sass，stylus等CSS預(yù)處理器編寫vue+vuex+vue-router，對MVVM開發(fā)模式有一定的理解，后續(xù)還會學(xué)習(xí)react，PWA，weex等技術(shù)；了解node.js，mongodb相關(guān)知識，熟練應(yīng)用express框架開發(fā)；了解基本的數(shù)據(jù)結(jié)構(gòu)與算法；
電話：17607080585 郵箱：[email protected]

|
|—— build 
|—— config
|—— express/
| |—— app.js : 服務(wù)入口
| |—— routes/ : 后端路由.
| |—— ......
|
|——src : dev resources.
| |—— assets/
| | ?  |____style/ 樣式表
| | ?  | ?  |____reset.css
| |    |    |____others.css
| |—— components/
| | ?  |____ public/ 公共組件
| | ?  | ? ? |____ cell.vue 行
| | ?  | ? ? |____ header.vue 頭
| | ?  | ? ? |____ goTop.vue
| | ?  | ? ? |____ Footer.vue
| | ?  | ? ? |____ others.vue 其它
| |—— fetch/
| | ?  |____ api.js axios請求
| |—— pages/
| | ?  |____ index/ 公共組件
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ mylist/ 我的訂單
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ selfcenter/ 個人中心
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ shopcart/ 購物車
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ type/ 分類
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ other folder......
| | ?  | ? ? |____ others.vue vue組件
| |—— router/
| | ?  |____ index.js 路由映射
| |—— util/
| | ?  |____ common.js util/localstorage
| |—— store/ 
| | ?  |____ module/ 
| | ?  | ? ? |____ user.js 個人狀態(tài)管理
| | ?  | ? ? |____ order.js 訂單狀態(tài)管理
| | ?  | ? ? |____ footer.js.js 腳步菜單
| | ?  | ? ? |____ shopCart.js 購物車狀態(tài)
| | ?  |____ store.js mainjs
| | ?  |____ types.js typesz管理
| |—— App.vue :neteast-yanxuan SPA
| |__ main.js : the entry of douban-movieSPA
|
|__ static : static files

netease yanxuan with vue2.0

可修改配置axios.defaults.baseURL

clone express文件夾

npm i & npm run dev 啟動后端

前端部分:

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.