![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 55
程序Ms_Wqh
能将喜欢的东西留在身边这就是你努力的意义
展开
-
Vue请求本地数据的方法 json-server
Vue请求本地数据的方法 json-server原创 2022-07-11 20:24:45 · 620 阅读 · 0 评论 -
Vue使用 compression-webpack-plugin 开启Gzip压缩
gzip 可以压缩所有的文件,但是我们不需要对所有文件进行压缩,一般情况对我们写的代码(css,js)之类的文件有很好的压缩效果,图片之类文件不会被 gzip 压缩太多,因为它们已经内置了一些压缩,再去压缩可能会让生成的文件体积更大一些。.........原创 2022-07-27 16:41:37 · 2343 阅读 · 0 评论 -
vue拖拽元素事件
1. 先获取鼠标在页面中的位置2. 获取鼠标按下时 mousedown 鼠标距离盒子内部的位置: 用鼠标的位置减去盒子距离X Y轴的距离就是鼠标在盒子内的位置 .pageY 获取鼠标Y轴距离页面的距离 .pageX 获取鼠标X轴距离页面的距离 .offsetLeft 获取元素距离页面左侧距离 .offsetTop 获取元素距离页面上侧距离 3. 获取鼠标按下后 移动时的坐标 用移动时的坐标减去 鼠标距离盒子内部的位置原创 2022-07-12 20:55:51 · 2219 阅读 · 0 评论 -
全局components组件注册
注册全局组件有啥好处呢? 提高代码的复用性,哪里需要写哪里,贼方便,就写一个标签;减少代臃肿原创 2022-07-09 13:01:34 · 560 阅读 · 0 评论 -
通过webpack-bundle-analyzer对vue项目打包优化
webpack-bundle-analyzer是webpack的插件,需要配合webpack和webpack-cli一起使用。这个插件可以读取输出文件夹 中的stats.json文件,把该文件可视化展现,生成代码分析报告,可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、模块包含关系、依赖等,做出优化,而帮助提升代码质量和网站性能。.....................原创 2022-05-30 22:05:30 · 1185 阅读 · 0 评论 -
vue的axios,api封装及解决跨域
1. 什么是同源?如果两个⻚⾯(接⼝)的协议、域名、端⼝号都相同,我们认为他们具有相同的源2. 什么是同源策略?同源策略就是浏览器的⼀个安全限制,它阻⽌了不同【域】之间进⾏的数据交互3. 安全限制具体都组织了那些东⻄不可以被访问?1.⽆法读取⾮同源策略下的cookie、localstorage2.⽆法解除⾮同源的dom3.⽆法向⾮同源的地址发送ajax请求...原创 2022-05-19 23:38:07 · 501 阅读 · 1 评论 -
Vuex 持久化插件 Vuex-persist ~~ 简单粗暴
我们知道vuex也有⼀些弊端,⽐如浏览器刷新的时候,vuex的数据会丢失,我们⼀般结合本地存储来解决,这个时候就可以使用 vuex-persist 持久化插件,不需要手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中......原创 2022-07-09 22:34:24 · 795 阅读 · 0 评论