摘要:项目预览线上访问或者二维码扫描项目描述全家桶模仿网易严选浏览,购物流程,好的生活,没那么贵。对状态管理有了进一步的了解在项目过程中每一个组件都应用了这个组件,切换的时候每次当前选中的选项都是第一项成选中状态,究其原因的他们的状态没有共享。
项目预览
线上访问:http://gettotally.com/yanxuan/#/
或者二维码扫描:
技术栈vue全家桶模仿网易严选浏览,购物流程,好的生活,没那么贵。
前后端分离,CORS解决跨域
前台后台vue 前端页面展示
vue-router spa
vuex 组件状态共享
axios 异步请求
es6 js新一代规范
localStorage 个人信息的存储,购物车的存储
Eslint 代码规范
webpack build to dist
iview 部分引入
实现的功能 首页Node(Express) mock后台数据
leancloud 托管express
图片轮播
swiper滑块
cell行组件
商品grid块组件
tabbar切换
推荐,居家, 餐厨商品缩略信息的请求和展示
商品详情商品大图滑动
参数,评论,名称,详情的请求展示
购买
加入购物车
专题头部swiper滑块
each-suggest 推荐组件
分类复用,改造首页tabbar组件
请求每一分类数据
过渡效果
购物车登陆状态的判断
全选,非全选的切换
购物车加入的过渡
滑动删除
confirm框
下单形成订单
个人中心grid
我的订单
订单的展示
先上线,后迭代未来一个星期都会每天更新功能,fixbug
总结造出了滑动删除的轮子。
对状态管理有了进一步的了解,在项目过程中每一个组件都应用了footer这个组件,切换的时候每次当前选中的选项都是第一项成选中状态,究其原因的他们的状态没有共享。
对组件的抽离,书写可复用的组件。
pages管理页面组件
vuex状态分模块管理
util工具的分离
axios的封装
广告2018届毕业生求职中
技术栈:Vue + js + html + css + nodejs+ mongoDB + 微信小程序
掌握html5,css3,js(es5,es6)熟练应用bootstrap,weui,semantic-ui,jquery等框架进行开发;熟练掌握sass,stylus等CSS预处理器编写vue+vuex+vue-router,对MVVM开发模式有一定的理解,后续还会学习react,PWA,weex等技术;了解node.js,mongodb相关知识,熟练应用express框架开发;了解基本的数据结构与算法;
电话:17607080585 邮箱:1424254461@qq.com
| |—— build |—— config |—— express/ | |—— app.js : 服务入口 | |—— 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 个人状态管理 | | | |____ order.js 订单状态管理 | | | |____ footer.js.js 脚步菜单 | | | |____ shopCart.js 购物车状态 | | |____ store.js mainjs | | |____ types.js typesz管理 | |—— App.vue :neteast-yanxuan SPA | |__ main.js : the entry of douban-movieSPA | |__ static : static filesnetease-yanxuan
Build Setupnetease 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.
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/83348.html
摘要:从年月日起新加坡将给予符合条件的中国公民有效期长达年的多次入境签证。而与家人或小组团体同游新加坡的人,能够以团体方式提交入境资料。工作或创业准证家属,可通过公司向人力部申请新加坡工作的凭证,批准后,可直接工作不占用公司配额。 showImg(https://segmentfault.com/img/remote/1460000016386130?w=1999&h=1115); 前言 记...
摘要:接口管理独立于的版本号,使用特性嗅探实现新旧的兼容,简单直观。其中在网易有钱上使用了年多,支持了网易有钱的不断增长的业务需求,期间解决了很多遇到的通有的问题。目前还没有在线上系统中使用,目前正逐步将整体接入网易严选和网易推手。 showImg(https://upload-images.jianshu.io/upload_images/277783-33c33da3e99a070d.p...
摘要:而严选现有的后台系统多数是基于现有流程的设计,现有的流程存在即颗粒。再来说设计功能这件事,后台系统和用户端相比,数据的重要性大大凸显。,我和严选分销一起继续成长更多网易技术产品运营经验分享请访问网易云社区。 本文由作者朱梦珺授权网易云社区发布。 从5月份接手严选分销系统到现在,被坑过无数次 所以不能我一个人被坑,被坑过的那些事要告诉你们 从用户端到后台系统,最大的区别就是业务本身 之前...
阅读 3938·2021-11-24 09:38
阅读 1202·2021-10-19 11:42
阅读 1816·2021-10-14 09:42
阅读 2138·2019-08-30 15:44
阅读 526·2019-08-30 14:04
阅读 2868·2019-08-30 13:13
阅读 1928·2019-08-30 12:51
阅读 932·2019-08-30 11:22