![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 50
Summer不秃
这个作者很懒,什么都没留下…
展开
-
vue封装Animate.css动画库的使用
今天给大家分享一下Animate这个动画库的封装使用。原创 2024-02-27 11:43:47 · 417 阅读 · 0 评论 -
Vue3(ts)使用vee-validate表单校验,自定义全局验证规则
在utils目录下新建一个validate.ts文件(这里我使用的是ts,如果用js就创建js文件),内容示例如下:if (!value ||!return '该字段不能为空';});if (!value ||!return '邮箱地址不能为空';if (!return '请输入有效的邮箱地址';});然后在main.ts里引入。原创 2024-03-01 17:07:12 · 829 阅读 · 0 评论 -
vue2和vue3实现图片懒加载
减轻首页首次加载负担:通过仅加载可视区域内的必要资源,可显著降低页面初始化时的请求数量和数据传输量,从而有效减少服务器压力。提升用户体验:在网络环境不佳的情况下,提前用低分辨率的占位图片替代待加载图片,可以避免页面布局因图片加载过程中的空白或堆叠而显得杂乱无章,提升视觉上的流畅度与舒适度。懒加载的核心在于控制浏览器对图片资源的实际请求时机。通常做法是,先将所有图片元素以统一的占位图填充,并将真实图片地址存储在自定义属性如"data-url"中。原创 2024-03-01 10:24:28 · 618 阅读 · 0 评论