- 博客(11)
- 收藏
- 关注
原创 h5新API=>IntersectionObserver
H5新的 IntersectionObserver可以自动"观察"元素是否可见。所以这个 API 叫做"交叉观察器",之所以叫交叉观察,因为当被观察元素出现在可视区域时,会和可视区域有一个交叉的过程,当观察元素开始和可视区域交叉的时候也就意味着观察元素开始进入可视区域。...
2022-08-26 19:08:56 574 1
原创 VUE3 keep-alive页面切换报错:parentComponent.ctx.deactivate is not a function
VUE3 keep-alive页面切换报错:parentComponent.ctx.deactivate is not a function
2022-08-02 00:20:01 1433
原创 Vue3 中bug Extraneous non-emits event listeners (******) were passed to component but could not 。。。。
Vue3 Bug Extraneous non-emits event listeners (handleClickMores) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom
2022-08-01 11:01:25 1325
原创 Vue使用 compression-webpack-plugin 开启Gzip压缩
gzip 可以压缩所有的文件,但是我们不需要对所有文件进行压缩,一般情况对我们写的代码(css,js)之类的文件有很好的压缩效果,图片之类文件不会被 gzip 压缩太多,因为它们已经内置了一些压缩,再去压缩可能会让生成的文件体积更大一些。.........
2022-07-27 16:41:37 2424
原创 Ajax实现原理是什么? 如何实现
Ajax全称:Async JavaScript and Xml (异步JavaScript和XML)是一种交互式网页应用的开发技术,不加载页面的情况下,与服务器实现交互数据简单的来说通过XmlHttprequest对象向服务器发送异步请求,获取数据后。使用JavaScript操作dom元来刷新页面...............
2022-07-26 08:44:47 379
原创 vue拖拽元素事件
1. 先获取鼠标在页面中的位置2. 获取鼠标按下时 mousedown 鼠标距离盒子内部的位置: 用鼠标的位置减去盒子距离X Y轴的距离就是鼠标在盒子内的位置 .pageY 获取鼠标Y轴距离页面的距离 .pageX 获取鼠标X轴距离页面的距离 .offsetLeft 获取元素距离页面左侧距离 .offsetTop 获取元素距离页面上侧距离 3. 获取鼠标按下后 移动时的坐标 用移动时的坐标减去 鼠标距离盒子内部的位置
2022-07-12 20:55:51 2277
原创 Vuex 持久化插件 Vuex-persist ~~ 简单粗暴
我们知道vuex也有⼀些弊端,⽐如浏览器刷新的时候,vuex的数据会丢失,我们⼀般结合本地存储来解决,这个时候就可以使用 vuex-persist 持久化插件,不需要手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中......
2022-07-09 22:34:24 826
原创 通过webpack-bundle-analyzer对vue项目打包优化
webpack-bundle-analyzer是webpack的插件,需要配合webpack和webpack-cli一起使用。这个插件可以读取输出文件夹 中的stats.json文件,把该文件可视化展现,生成代码分析报告,可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、模块包含关系、依赖等,做出优化,而帮助提升代码质量和网站性能。.....................
2022-05-30 22:05:30 1243
原创 vue的axios,api封装及解决跨域
1. 什么是同源?如果两个⻚⾯(接⼝)的协议、域名、端⼝号都相同,我们认为他们具有相同的源2. 什么是同源策略?同源策略就是浏览器的⼀个安全限制,它阻⽌了不同【域】之间进⾏的数据交互3. 安全限制具体都组织了那些东⻄不可以被访问?1.⽆法读取⾮同源策略下的cookie、localstorage2.⽆法解除⾮同源的dom3.⽆法向⾮同源的地址发送ajax请求...
2022-05-19 23:38:07 561 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人