标签:懒加载

vue实现路由懒加载几种方式-共享博客
vue

vue实现路由懒加载几种方式

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

一、为什么需要路由懒加载 vue在项目打包之后,会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件,这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代,业务逻辑越来越多,app.js文件也会越来越大。在...

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

JS使用lazyload进行图片懒加载

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

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

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

Vue项目骨架屏注入实践

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

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

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

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

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

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

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

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

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

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

切换注册

登录

忘记密码 ?

切换登录

注册

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