- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
443
1
原创 vue3中ts实现axios的封装
（1）baseURL 含义：请求的域名，基本地址，类型：String （2）timeout 含义：请求超时时长，单位ms，类型：Number 超出时长后，后端返回401 请求拦截器我们一般在请求头里面携带token值响应拦截器一般用来判断返回的状态码，比如返回的是401就是token没权限，跳转到登录页
2024-03-04 19:35:13
556
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
451
原创 vue3组件常用的通信方式
父组件:它其实就是一个API函数。是 Vue 3 中的一个函数，用于定义组件的 props。与 Vue 2 中的props配置选项不同，使用函数定义的 props 是只读的响应式对象，它们的值由父组件传递而来，不能被子组件修改。这有助于提高组件的可维护性和可重用性，并减少不必要的副作用。
2024-02-27 21:11:41
422
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
496
原创 JavaScript中数组的20个方法
在数组的最后一位添加一个或多个元素,并返回新数组的长度，//并且改变原数组 (添加多个元素用逗号隔开)// 输出 [1, 4, 6, 7, 5, 6]// 输出6。
2024-02-23 20:42:56
933
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人