技术栈
懒加载
GJWeigege
24 天前
前端
·
react.js
·
前端框架
·
懒加载
·
图片懒加载优化
·
列表优化
如何实现图片懒加载,原生 + React 实现方式
有时候列表存在许多图片,那么一次性加载会阻塞 http 请求,为了避免在可视窗口之外的元素进行不必要的图片加载,可以尝试使用懒加载进行优化。懒加载可以显著提高页面加载性能,特别是当页面包含大量图片时。为了实现延迟加载图片(也称为懒加载),可以使用 JavaScript 和 Intersection Observer API。
Play_Sai
1 个月前
网络请求
·
harmonyos
·
arkts
·
懒加载
·
钩子函数
鸿蒙ArkTS实用开发技巧: 提高效率的关键知识点
ArkTS作为鸿蒙系统的核心开发语言,为开发者提供了强大的工具来创建跨设备、高性能的应用。本文将重点介绍一些实用的ArkTS开发技巧和知识点,帮助开发者提高开发效率和应用质量。
会思想的苇草i
2 个月前
前端
·
html
·
图片
·
懒加载
·
预加载
·
img
HTML深度探索 :img应用与实践
HTML 元素 <img>将一张图像嵌入文档。从技术上讲,实际上并没有将图像插入到网页中,而是将图像链接到了网页。<img> 标签创建了一个容器,用于引用图像。
Eveweiscsdn
4 个月前
前端
·
javascript
·
react.js
·
视频
·
video
·
懒加载
视频懒加载
有一个视频自动播放的需求,但是需要懒加载,避免阻塞页面渲染在useEffect里面加入IntersectionObserver
最小生成树
4 个月前
javascript
·
vue
·
懒加载
前端开发-- Webpack 代码分割和懒加载技术
在现代前端开发中,优化应用性能是一个至关重要的任务。Webpack 作为一个强大的打包工具,为我们提供了代码分割和懒加载的功能,可以显著提升应用的加载速度和用户体验。本文将深入解析 Webpack 的代码分割和懒加载技术,帮助开发者更好地理解和应用这些技术。
这个人中暑了
7 个月前
ios
·
懒加载
·
外部符号
iOS最新外部符号加载
iOS外部符号加载方式有两种:懒加载和非懒加载。懒加载:首次调用该符号才加载。非懒加载:app启动时加载。
无所不能的idiot
7 个月前
java
·
笔记
·
sql
·
缓存
·
mybatis
·
懒加载
Mybatis学习笔记:多表关联,懒加载,缓存
人生呐……很简单,就是继承一下User类写的UserCustom,这样的话可以保存多表关联的其他类的信息。
阿昌喜欢吃黄桃
9 个月前
xml
·
sql
·
mybatis
·
懒加载
·
延迟加载
Mybatis中的sql-xml延迟加载机制
hi,我是阿昌,今天记录一下关于Mybatis中的sql-xml延迟加载机制首先mybatis技术本身就不多介绍,说延迟加载机制之前,那要先知道2个概念:
l煎饼果子
1 年前
前端
·
观察者模式
·
react.js
·
typescript
·
懒加载
性能优化之懒加载 - 基于观察者模式和单例模式的实现
在前端性能优化中,关于图片/视频等内容的懒加载一直都是优化利器。当用户看到对应的视图模块时,才去请求加载对应的图像。 原理也很简单,通过浏览器提供的 IntersectionObserver - Web API 接口参考 | MDN (mozilla.org),观察“哪个元素和视口交叉”,从而进行懒加载。
逛街的猫啊
1 年前
性能优化
·
懒加载
·
fp
·
fcp
·
预加载
性能优化总纲
本文仅论述优化的手段,不涉及执行这些操作的根因,后续空闲时在整理“为什么”。指标有很多,比如 lighthouse 中使用的指标有 FCP、LCP、TBT、CLS、Speed Index,这些是最终的性能评估指标。
蜜獾云
1 年前
单例模式
·
设计模式
·
饿汉式
·
懒加载
·
双检锁
·
singleton
设计模式-单例模式 (Singleton)
单例模式是一种创建型设计模式,它确保类只有一个实例,并提供了一种访问该实例的全局方法。这种模式有助于确保系统中的某些组件只有一个实例,并提供了一种方便的方法来访问该实例。