标签:懒加载

2021年web前端面试集锦-青梅博客
web前端

2021年web前端面试集锦

青梅博客阅读(581)评论(0)

一. HTML、CSS相关 html5新特性、语义化 语义化标签 : header nav main article section aside footer 语义化意味着顾名思义,HTML5的语义化指的是合理正确的使用语义化的标签来创建页...

vue实现路由懒加载几种方式-青梅博客
VUE

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

青梅博客阅读(366)评论(0)

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

JS使用lazyload进行图片懒加载-青梅博客
VUE

JS使用lazyload进行图片懒加载

青梅博客阅读(413)评论(0)

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

Vue项目骨架屏注入实践-青梅博客
VUE

Vue项目骨架屏注入实践

青梅博客阅读(510)评论(0)

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

20个编写现代CSS代码的建议-青梅博客
CSS

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

青梅博客阅读(794)评论(0)

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

原生 JS 实现最简单的图片懒加载-青梅博客
javascript

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

青梅博客阅读(379)评论(0)

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

Vue最常用的第三方插件-青梅博客
VUE

Vue最常用的第三方插件

青梅博客阅读(365)评论(0)

1. Vue.js devtools 用于开发调试Vue.js的一个必备插件。可以在Chrome中的扩展程序中直接安装,也可以本地文件的方式安装。 2. nprogress页面顶部进度条 当路由切换事会在浏览器的顶部出现一个蓝色进度条用于表...

切换注册

登录

忘记密码 ?

切换登录

注册

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