
vue优化
柑橘乌云_
希望我的博客,能帮你解决学习或工作中所遇到的问题
展开
-
通过IntersectionObserver实现图片下拉加载(瀑布流布局)
【代码】通过IntersectionObserver实现图片下拉加载(瀑布流布局)原创 2023-12-26 16:06:22 · 617 阅读 · 0 评论 -
Intersection Observer 实现图片懒加载
假如HTML格式如上图所示,src值是默认图片,真正图片格式放在data-src里。下面的js,非常简单。原创 2023-12-26 14:14:03 · 553 阅读 · 0 评论 -
vue如何开启gzip压缩
因为我们Nginx开起来实时压缩,也就是说如果前端没有做gzip压缩直接部署,那么Nginx也会实时压缩成gzip并发给浏览器。下方两个图一个是我下载了 vite-plugin-compression 压缩打包的项目另一个是并未下载插件和打包,但是这两个项目都用了Nginx。需要注意的是,Gzip 压缩仅对于文本类型的资源有明显提示,压缩后的体积大约是压缩前的 1/3。前端项目,打包出的 js,css资源,非常适合使用 gzip 进行压缩。Gzip 是一种压缩算法,在网络传输中使用非常普遍。原创 2023-11-20 11:31:59 · 972 阅读 · 0 评论 -
token无感刷新 前端实现 一看就会!
更新短期token的这个会单独设置一个接口。场景:在往常的接口中我们通过从后端获取的token来进行身份识别,并且获取一些登录后的才能获取的一些数据,那么这个token有效期很短的时候,那么总不能让用户再登录一次来刷新token,所以我们需要提供一项操作,--------无感刷新(这个一般用在单点登录的时候)下面文件利用的tool.js的工具函数就是单纯从localStorage去获取值的操作,代码我就不贴了。下面是代码 无感刷新前端主要是逻辑代码,难度不大,下面的代码仅供参考。原创 2023-09-02 15:48:26 · 554 阅读 · 0 评论 -
多个input表单 并且都有change事件,那么如果优化让多个input共享一个change事件。
可能表达的不是很清晰,但凡你如果听懂了,相信在项目中你会方便很多!以上是通过在标签上定义name属性 来实现的。原创 2023-07-27 14:19:25 · 368 阅读 · 0 评论