该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

电商项目步骤

  1. 初始化环境(axios router vuex mock git) : 处于master分支
  2. 给请求加进度条(nprogress) : 处于dev分支
  3. 将静态页面拆为静态组件 : 处于damu分支 合并到dev分支 当命中登录组件/注册组件时;我们是不需要显示footer组件的(路由元信息)
  4. 将静态组件 编码 成动态组件 完成界面上的一些UI效果;业务逻辑 a.完成头部的路由跳转功能(header组件内): 点击登录 --> 登录界面 点击免费注册录 --> 注册界面 点击logo图标 --> 主界面 点击我的订单 --> 订单界面 点击我的购物车 --> 购物车界面 点击搜索按钮 --> 搜索界面(携带数据的!!!) b. 实现三级分类相关的功能(typeNav组件) TypeNav组件与vuex交互;如何读取分仓库的数据(axios获取数据) 通过vue的数据 和 dom事件控制二三级分类列表的显示与隐藏(控制类名) 优化高频事件触发: 利用lodash进行函数节流处理(下载lodash 按需引入throttle) 解决快速移出一级分类后 二三级分类可能还处于显示状态的bug 点击三级分类中的任意一级 通过声明式导航 都应该要跳转到search组件; 优化减少组件对象数量; 使用编程式导航代替声明式导航 将分类信息作为query携带到search组件 优化search组件(与路由相解耦) 合并分类的query参数与搜索的关键字的params参数 优化事件处理效率: 利用事件委托 利用标签自定义属性携带动态数据 c.控制一级列表的显示与隐藏 只有在home页上 一级分类要显示;不具备显示隐藏的切换能力 在其他页 一级分类默认要隐藏 ; 具备显示隐藏的切换能力 一级列表显示隐藏的过渡效果
  5. 三级分类数据的请求是在app组件开始获取的;而不是TypeNav组件 实现ListContainer组件的相关功能 使用swiper实现静态页面轮播(swiper) 解决多个swiper冲突的问题(将参数从class换为一个真实的dom节点) 解决swiper动态页面轮播的bug($nextTick)
  6. 发请求获取数据 进行渲染 , 动态化 typeNav组件

空文件

简介

暂无描述 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化