2022年4月19日

十四、Vue解决路由跳转滚动条位置不变

摘要: 让路由跳转时默认滚动条在最上方 阅读全文

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

2022年4月14日

十三、swiper轮播图插件使用

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

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

十二、模拟数据mockjs插件使用

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

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

2022年4月13日

十一、性能优化(事件委托、路由赖加载、根组件App发一次请求)

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

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

2022年4月10日

十、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 阅读(204) 评论(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 阅读(54) 评论(0) 推荐(0)

八、vue进度条插件使用

摘要: 下载插件 axios二次封装中使用 阅读全文

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

2022年4月6日

十二、ES6的async和await(解决回调地狱)

摘要: 没有解决的时候 解决成功的时候(让异步如同同步执行) 阅读全文

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

2022年4月4日

清除浮动

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

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

2022年3月31日

七、vue使用video.js插件

摘要: 一、下载video.js npm install --save-dev video.js 二、在vue脚手架中引入video.js(main.js引入) import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prot 阅读全文

posted @ 2022-03-31 10:10 QiKS 阅读(7803) 评论(0) 推荐(0)

导航