【前端】IntersectionObserver 实现图片懒加载和无限滚动 在前端开发中，性能优化是一个重要的考量因素。随着现代网页和应用的复杂性增加，确保页面快速加载和流畅运行变得越来越重要。

使用场景 一般在项目中，我们直接使用第三方库，比如element-ui，或者是一些其它的库，这些库中早就写好了他们自己有的组件。 在实际开发项目中，我们可能需要根据业务来进行对第三方库组件的封装，从而

1. v-model实现自定义组件双向绑定 v-model其实是个语法糖，如果没按照相应的规范定义组件，直接写v-model是不会生效的。再说一遍，类似于v-on:click可以简写成@click，v

前端Vue组件隔代通讯v-bind="$props"、v-bind="$attrs"、v-on="listeners"

前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密

在 Vue 3 中，我们可以使用函数声明方式和命令式方式来封装弹框组件，以实现在应用中方便地显示弹框。本文将介绍如何使用这两种方式来封装一个简单的弹框组件，并提供示例代码和用法说明。

结合lighthouse查看各项数据，不断进行性能优化，可以从代码、项目打包、项目部署这三个层面来优化。

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

最近在做大屏可视化项目、用于展示项目的总体数据。在开发过程中、要求用轮循获取数据源、实时更新数据的进度、前台做出进度展示。element修改Progress 进度条的背景色以及设置进度条颜色渐变