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

線上訪問(wèn):http://gettotally.com/yanxuan/#/

或者二維碼掃描:

vue全家桶模仿網(wǎng)易嚴(yán)選瀏覽，購(gòu)物流程，好的生活，沒(méi)那么貴。

前后端分離,CORS解決跨域

vue 前端頁(yè)面展示

vue-router spa

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

axios 異步請(qǐng)求

es6 js新一代規(guī)范

localStorage 個(gè)人信息的存儲(chǔ)，購(gòu)物車的存儲(chǔ)

Eslint 代碼規(guī)范

webpack build to dist

iview 部分引入

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

leancloud 托管express

圖片輪播

swiper滑塊

cell行組件

商品grid塊組件

tabbar切換

推薦，居家， 餐廚商品縮略信息的請(qǐng)求和展示

商品大圖滑動(dòng)

參數(shù)，評(píng)論，名稱，詳情的請(qǐng)求展示

購(gòu)買(mǎi)

加入購(gòu)物車

頭部swiper滑塊

each-suggest 推薦組件

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

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

過(guò)渡效果

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

全選，非全選的切換

購(gòu)物車加入的過(guò)渡

滑動(dòng)刪除

confirm框

下單形成訂單

grid

我的訂單

訂單的展示

未來(lái)一個(gè)星期都會(huì)每天更新功能，fixbug

造出了滑動(dòng)刪除的輪子。

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

對(duì)組件的抽離，書(shū)寫(xiě)可復(fù)用的組件。

pages管理頁(yè)面組件

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等框架進(jìn)行開(kāi)發(fā)；熟練掌握sass，stylus等CSS預(yù)處理器編寫(xiě)vue+vuex+vue-router，對(duì)MVVM開(kāi)發(fā)模式有一定的理解，后續(xù)還會(huì)學(xué)習(xí)react，PWA，weex等技術(shù)；了解node.js，mongodb相關(guān)知識(shí)，熟練應(yīng)用express框架開(kāi)發(fā)；了解基本的數(shù)據(jù)結(jié)構(gòu)與算法；
電話：17607080585 郵箱：1424254461@qq.com

|
|—— 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請(qǐng)求
| |—— pages/
| | ?  |____ index/ 公共組件
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ mylist/ 我的訂單
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ selfcenter/ 個(gè)人中心
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ shopcart/ 購(gòu)物車
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ type/ 分類
| | ?  | ? ? |____ others.vue vue組件
| | ?  |____ other folder......
| | ?  | ? ? |____ others.vue vue組件
| |—— router/
| | ?  |____ index.js 路由映射
| |—— util/
| | ?  |____ common.js util/localstorage
| |—— store/ 
| | ?  |____ module/ 
| | ?  | ? ? |____ user.js 個(gè)人狀態(tài)管理
| | ?  | ? ? |____ order.js 訂單狀態(tài)管理
| | ?  | ? ? |____ footer.js.js 腳步菜單
| | ?  | ? ? |____ shopCart.js 購(gòu)物車狀態(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 啟動(dòng)后端

前端部分:

# 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.