04 2022 档案

十七、Vue导航卫士(全局、独享、组件 例子:用户登录)
摘要:全局守卫(常用) 未登录访问交易相关(trade)、支付相关(pay、paysuccess)、用户中心(center)相关跳转到登录页面或要登录的指定页面 指定页面 独享守卫(常用) 只有从购物车界面才能跳转到交易页面(创建订单),只有从交易页面(创建订单)页面才能跳转到支付页面,只有从支付页面才能 阅读全文

posted @ 2022-04-27 23:40 QiKS 阅读(44) 评论(0) 推荐(0)

十六、Vue的uuid模拟token请求头请求数据
摘要:token使用流程:登录后端返回token vuex引入token身份码全局管理并且本地存储token axios二次封装中给http数据请求头加上token身份码再向后端请求用户信息 登录退出流程:清除本地存储的token 通知后端清除存储的token 下载uuid 建立uuid生成token身份 阅读全文

posted @ 2022-04-22 11:12 QiKS 阅读(117) 评论(0) 推荐(0)

十五、排它动态使用样式写法
摘要: 阅读全文

posted @ 2022-04-19 15:48 QiKS 阅读(7) 评论(0) 推荐(0)

十四、Vue解决路由跳转滚动条位置不变
摘要:让路由跳转时默认滚动条在最上方 阅读全文

posted @ 2022-04-19 11:17 QiKS 阅读(282) 评论(0) 推荐(0)

十三、swiper轮播图插件使用
摘要:下载swiper插件 main.js导入swiper样式 组件引入swiper包 异步时new swiper实例(swiper使用必须new swiper实例) 不完美解决方案 完美解决方案 阅读全文

posted @ 2022-04-14 20:03 QiKS 阅读(35) 评论(0) 推荐(0)

十二、模拟数据mockjs插件使用
摘要:导入插件 在src新建mock数据文件夹,导入json模拟数据 建立mockserver.js 文件导入json数据 主main.js文件引入mockserver.js文件运行 axios二次封装,访问路径src改成mock文件数据接口路径(正常axios二次封装使用) 接口访问调用 阅读全文

posted @ 2022-04-14 13:19 QiKS 阅读(57) 评论(0) 推荐(0)

十一、性能优化(事件委托、路由赖加载、根组件App发一次请求)
摘要:事件委托 事件委托也叫事件代理,“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素, 让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。 事件委托的好处: 1.减少事件数量,提高性能 2.预测未来元素,新添加的元素仍然可以触发该事件 3.避免 阅读全文

posted @ 2022-04-13 12:54 QiKS 阅读(41) 评论(0) 推荐(0)

十、vue二次封装axios
摘要:下载axios cnpm install --save axios 新建项目 配置axios二次封装文件reques.js //对axios进行二次封装 import axios from "axios"; //1:利用axios对象的方法create,去创建一个axios实例 //2:reques 阅读全文

posted @ 2022-04-10 21:33 QiKS 阅读(206) 评论(0) 推荐(0)

九、vuex模块化开发
摘要:下载vuex npm install vuex@3 创建vuex文件并引入vuex代码 modules const state = {}; const mutations = {}; const actions = {}; const getters = {}; export default { s 阅读全文

posted @ 2022-04-10 21:29 QiKS 阅读(56) 评论(0) 推荐(0)

八、vue进度条插件使用
摘要:下载插件 axios二次封装中使用 阅读全文

posted @ 2022-04-10 20:22 QiKS 阅读(104) 评论(0) 推荐(0)

十二、ES6的async和await(解决回调地狱)
摘要:没有解决的时候 解决成功的时候(让异步如同同步执行) 阅读全文

posted @ 2022-04-06 22:40 QiKS 阅读(34) 评论(0) 推荐(0)

清除浮动
摘要:浮动清除原因 在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。 但是当为子元素设置了浮动之后,子元素会完全脱离正常文档流,此时会导致子元素无法撑开父元素的高度,从而导致父元素高度塌陷 清除效果 清除方法 <!DOCTYPE html> <html> <head lang 阅读全文

posted @ 2022-04-04 15:08 QiKS 阅读(28) 评论(0) 推荐(0)

导航