QiKS - 博客园

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

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

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

十三、swiper轮播图插件使用

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

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

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

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

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

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

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

posted @ 2022-04-13 12:54 QiKS 阅读(43) 评论(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 阅读(212) 评论(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 阅读(65) 评论(0) 推荐(0)

八、vue进度条插件使用

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

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

十二、ES6的async和await（解决回调地狱）

摘要：没有解决的时候解决成功的时候（让异步如同同步执行）阅读全文

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

清除浮动

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

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

七、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 阅读(7837) 评论(0) 推荐(0)