摘要:全局守卫(常用) 未登录访问交易相关(trade)、支付相关(pay、paysuccess)、用户中心(center)相关跳转到登录页面或要登录的指定页面 指定页面 独享守卫(常用) 只有从购物车界面才能跳转到交易页面(创建订单),只有从交易页面(创建订单)页面才能跳转到支付页面,只有从支付页面才能
阅读全文
摘要:token使用流程:登录后端返回token vuex引入token身份码全局管理并且本地存储token axios二次封装中给http数据请求头加上token身份码再向后端请求用户信息 登录退出流程:清除本地存储的token 通知后端清除存储的token 下载uuid 建立uuid生成token身份
阅读全文
摘要:下载swiper插件 main.js导入swiper样式 组件引入swiper包 异步时new swiper实例(swiper使用必须new swiper实例) 不完美解决方案 完美解决方案
阅读全文
摘要:导入插件 在src新建mock数据文件夹,导入json模拟数据 建立mockserver.js 文件导入json数据 主main.js文件引入mockserver.js文件运行 axios二次封装,访问路径src改成mock文件数据接口路径(正常axios二次封装使用) 接口访问调用
阅读全文
摘要:事件委托 事件委托也叫事件代理,“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素, 让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。 事件委托的好处: 1.减少事件数量,提高性能 2.预测未来元素,新添加的元素仍然可以触发该事件 3.避免
阅读全文
摘要:下载axios cnpm install --save axios 新建项目 配置axios二次封装文件reques.js //对axios进行二次封装 import axios from "axios"; //1:利用axios对象的方法create,去创建一个axios实例 //2:reques
阅读全文
摘要:下载vuex npm install vuex@3 创建vuex文件并引入vuex代码 modules const state = {}; const mutations = {}; const actions = {}; const getters = {}; export default { s
阅读全文
摘要:没有解决的时候 解决成功的时候(让异步如同同步执行)
阅读全文
摘要:浮动清除原因 在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。 但是当为子元素设置了浮动之后,子元素会完全脱离正常文档流,此时会导致子元素无法撑开父元素的高度,从而导致父元素高度塌陷 清除效果 清除方法 <!DOCTYPE html> <html> <head lang
阅读全文