标签:懒加载

JS使用lazyload进行图片懒加载-共享博客
vue

JS使用lazyload进行图片懒加载

共享博客阅读(248)评论(0)

原理: 图片的加载是由src引起的,当对src赋值时浏览器会请求图片资源,基于这个,可以利用html5的属性data-xxx来保存图片的路径,当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了,也就是懒加载...

Vue项目骨架屏注入实践-共享博客
vue

Vue项目骨架屏注入实践

共享博客阅读(340)评论(0)

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己的主业。然而在带来便利的同时,也带来了一些弊端,比如首屏渲染时间(FCP)...

20个编写现代CSS代码的建议-共享博客
css

20个编写现代CSS代码的建议

共享博客阅读(637)评论(0)

明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例...

原生 JS 实现最简单的图片懒加载-共享博客
Js

原生 JS 实现最简单的图片懒加载

共享博客阅读(264)评论(0)

懒加载 什么是懒加载 懒加载其实就是延迟加载,是一种对网页性能优化可方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。 什么时候用懒加载 当页面中需要一...

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活