- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue2和vue3的自定义指令
局部自定义指令：只在组件内有效全局自定义指令：所有组件都有效bind：只会调用一次，指令第一次绑定到元素时会调用inserted：被绑定元素插入父节点时调用。update：元素第一次绑定不会触发，绑定的值发生更新触发，可能发生在其子节点更新之前。componentUpdated：指令所在组件的VNode及其子VNode全部更新后调用。unbind：只调用一次，指令与元素解绑时调用。
2024-03-07 20:59:02
1670
1
原创 使用Ts封装axios
这样在请求成功后，将获得自动解析的类型化数据。通过这种方式，可以避免重复编写相同的 axios 配置，并确保整个应用程序中对 HTTP 请求的一致性和可维护性。类，可以方便地进行 GET 和 POST 请求，并且可以根据自己的需求添加更多的方法和配置。首先，需要安装 axios。然后创建一个新的文件，比如。在这个示例中，我们假设服务器返回的数据符合。，并在其中编写的二次封装逻辑。
2024-03-04 20:48:05
688
1
原创 什么是重排？如何减少重排？
重排是指浏览器在渲染页面时，为了调整DOM元素的位置和大小而进行的重新布局。就是当一个元素的位置、尺寸等发生改变的时候，浏览器需要重新计算该元素的几何属性并且摆放到正确的位置的过程叫做重排。一般像页面初次渲染、带有动画的元素、添加或删除功能、图片放大缩小、浏览器窗口发生改变的时候都会触发重排。这个过程会消耗额外的计算资源，影响页面的性能。
2024-03-01 08:40:07
545
1
原创 防抖和节流的概念
防抖与节流本质上是优化高频率执行代码的一种手段如：浏览器的 resize、scroll、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖和节流的方式来减少调用频率。
2024-02-28 20:20:31
463
1
原创 vue3组件常用的通信方式(父传子、子传父、父直接获取子、pinia)
【代码】vue3组件常用的通信方式(父传子、子传父、父直接获取子、pinia)
2024-02-27 20:44:42
938
1
原创 Css3新增属性
有几种可能的属性，比如 `background-clip: border-box`、`background-clip: padding-box` 和 `background-clip: content-box` 等。10. form：用于定义表单元素，但不包含 `action` 和 `method` 属性。可以使用 `background-size` 来控制背景图像填充元素的空间大小。这与 `keyup` 事件结合使用时有效，而不是依赖于 `key=value` 的形式。用户可以在输入前看到提示信息。
2024-02-27 13:39:05
738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人