- 博客(10)
- 收藏
- 关注
原创 vue2和vue3自定义指令的区别
自定义指令是什么?类似于vue中的v-for v-if v-model...类似的指令语法,自定义指令是自己注册的指令为什么使用自定义指令?对于现有的指令需求达不到目的,有时候需要对DOM进行其他操作,用自定义扩展更多的功能组件中注册:全局注册:全局:vue2.0中和vue3.0中 自定义指令的原理是一致的,只是生命周期 钩子函数不同 vue2中绑定的钩子函数为bind - 指令绑定到元素后发生。只发生一次。 inserted - 元素插入父 DOM 后发生。 update - 当元素更新,但子元素尚
2024-03-07 20:38:17 501 1
原创 vue3中ts实现axios的封装
(1)baseURL 含义:请求的域名,基本地址,类型:String (2)timeout 含义:请求超时时长,单位ms,类型:Number 超出时长后,后端返回401 请求拦截器我们一般在请求头里面携带token值响应拦截器一般用来判断返回的状态码,比如返回的是401就是token没权限,跳转到登录页
2024-03-04 19:35:13 678 1
原创 如何减少重排和重绘
重排也叫做回流,简单来说,就是当我们对 DOM 结构的修改引发DOM 几何尺寸变化的时候,会发生回流的过程。比如一下情况:1.一个DOM元素的几何属性变化,常见的几何属性有width,height,padding,margin,left,top...2.DOM节点发生增减或者移动3.读写offset族,scroll族属性的时候,浏览器为了获取这些值,需要回流操作4.调用window.getComputedStyle方法。
2024-02-29 20:57:28 531
原创 vue3组件常用的通信方式
父组件:它其实就是一个API函数。是 Vue 3 中的一个函数,用于定义组件的 props。与 Vue 2 中的props配置选项不同,使用函数定义的 props 是只读的响应式对象,它们的值由父组件传递而来,不能被子组件修改。这有助于提高组件的可维护性和可重用性,并减少不必要的副作用。
2024-02-27 21:11:41 440 1
原创 css3特性和动画
* 速度效果:ease ease-in ease-out ease-in-out linear 贝塞尔曲线 *//* translate(X轴要移动的距离,Y轴要移动的距离) */transform: scaleY(倍数);/* translateX(X轴要移动的距离) *//* translateY(Y轴要移动的距离) */transform: scaleX(倍数) (水平方向缩放)/* 设置动画延迟时间 *//* 过渡的属性 *//* 过渡的时长 *//* 综合写法 *//* 过渡效果 */
2024-02-27 14:15:44 525
原创 JavaScript中数组的20个方法
在数组的最后一位添加一个或多个元素,并返回新数组的长度,//并且改变原数组 (添加多个元素用逗号隔开)// 输出 [1, 4, 6, 7, 5, 6]// 输出6。
2024-02-23 20:42:56 966 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人