自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 Vue请求本地数据的方法 json-server

Vue请求本地数据的方法 json-server

2022-07-11 20:24:45 647

原创 Vuex 持久化插件 Vuex-persist ~~ 简单粗暴

我们知道vuex也有⼀些弊端,⽐如浏览器刷新的时候,vuex的数据会丢失,我们⼀般结合本地存储来解决,这个时候就可以使用 vuex-persist 持久化插件,不需要手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中......

2022-07-09 22:34:24 826

原创 全局components组件注册

注册全局组件有啥好处呢? 提高代码的复用性,哪里需要写哪里,贼方便,就写一个标签;减少代臃肿

2022-07-09 13:01:34 598

原创 通过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关注的人

提示
确定要删除当前文章?
取消 删除