lazy-loading 相关问题

数据 URI 图像大小调整（自动高度）

我使用 Unveil.js 来延迟加载图像。为了节省时间/空间，我使用 Base64 占位符图像： 我使用 Unveil.js 来延迟加载图像。为了节省时间/空间，我使用 Base64 占位符图像： <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://unsplash.it/1000/500?image=631" width="1000" height="500" data-unveil="true" /> 我遇到的问题是如何调整占位符图像的大小。它似乎始终保持 1 的纵横比，这对于响应式网站来说是一个问题。 因此，如果上面的图像标签位于宽度为 50% 的 <div> 内部，并且 <div> 的计算宽度为 500px（总视口宽度为 1000px），那么图像将溢出 <div>，除非我使用max-width: 100%; height: auto; 然后非数据 URI 图像将正确缩放并保持其纵横比。 但是，无论 <img> 标签或 CSS 规则中的宽度/高度属性如何，数据 URI 图像始终保持正方形。这会导致在速度较慢的服务器上出现一些跳跃，因为 Unveil.js 延迟加载的图像并不总是方形的。 我设置了一个快速小提琴来演示大小差异（没有 Unveil.js）：http://jsfiddle.net/silb3r/7bnfqkko/1/ 还有一个带有 Unveil.js 的：http://jsfiddle.net/silb3r/2eff5thm/（您可能需要手动限制连接才能看到问题） 有人熟悉确保数据 URI 保持原始图像宽高比的方法吗？最好不要添加更多 jQuery，但我对任何事情都持开放态度。 感谢您的任何建议。 好吧，你的 CSS 会覆盖通过 HTML 属性设置的宽度和高度，因此固有图像尺寸开始发挥作用，而那些 是 1×1 像素。因此，无论怎样，设置 height:auto 自然会产生方形图像。 如果您事先知道图像的长宽比（并且您似乎知道，假设您使用的宽度和高度 HTML 属性值不是完全任意的 - 否则，几行服务器端代码可以从图像文件中读取它们，如果需要更加动态），那么您可以使用所谓的“padding-top hack”来创建一个使用正确宽高比的占位符。

ASP.NET MVC Kendo DropDownTree - 过滤和按需加载

我计划将 Kendo DropDownTree 集成到我们的应用程序中以展示组织层次结构。虽然建议使用 LoadOnDemand 来有效处理大型数据集，但启用它会导致我...

React 延迟加载 useEffect

我从 useEffect 获取 clientWidth 时遇到问题。 有一个lazyLoad可以加载用户页面。 从'react'导入{Suspense，lazy}； const UsersContainer=lazy(()=>import('./用户...

保存和加载使用未保存的变量定义的 ggplot 对象

我想保存一个使用变量var1定义的ggplot对象，但没有保存。 var1 <- 100 ...

@LazyCollection(LazyCollectionOption.FALSE) 和 @OneToMany(fetch = FetchType.EAGER) 之间的区别

我对“延迟加载”有一个疑问。 使用 @LazyCollection(LazyCollectionOption.FALSE) 和 @OneToMany(fetch = FetchType.EAGER) 有什么区别？ 在我的应用程序中，我使用两个列表，...

React Native ScrollView 的延迟加载

目前，我的 React Native 应用程序包含许多在 ScrollView 中渲染的复杂组件。我将使用以下方法来优化 ScrollView 的渲染： 跟踪 Scroll 的当前位置...

使用 CRA 延迟加载 SVG

我想用 CRA 延迟加载 SVG，但该死的我被困住了，需要你的帮助。 我正在尝试做这样的事情： const LoadIcon = (名称) => 惰性(() => 导入(`../icons/${name}.svg`)); 常量

如何在flutter中滚动到列表末尾时显示加载指示器

我正在使用 future 从服务器加载数据，并使用列表视图构建器在列表视图中显示数据，并在滚动到列表末尾时添加新列表，但我无法显示

使用 neovim 中的惰性插件管理器启用内置颜色方案的正确方法是什么？

我正在尝试更熟悉lazy插件手册并阅读lazy的自述文件。我正在使用一个非常基本的 init.lua 配置： vim.cmd('颜色方案沙漠') 本地惰性路径 = vim.fn.

使用 Suspense 时，在任何其他组件反应之前加载 Loader 组件

我需要在加载其他元素之前加载后备元素 }> 这应该在剩余的包装器组件之前起作用 从 './

Angular - 同一模块上的组件页面内的组件不是已知元素

我遇到了这个问题。我在模块内创建了一个“pages”文件夹，然后创建了一个组件，因为我想将其放在页面上，但 CLI 给了我以下错误消息： ng 服务-o ⠏ 布伊...

NgOptimizedImage 无法加载动态 URL，并出现错误：NG02953

src 不会出现此问题 这是一款约会应用程序，用户可以从相册中选择个人资料照片以显示在 navbar.component 上。当用户登录时，他们的主图像将加载为...

为什么我的 python-kivy 应用程序在加载后加载主应用程序之前显示空白屏幕大约 30 秒[关闭]

我使用 Python Kivy 框架构建的 Android 应用程序遇到加载时间缓慢的问题。为了解决这个问题，建议我实现 Kivy 语言 (KV) 构建器文件的延迟加载。

EF Core 延迟加载时如何加载多个关卡？

我有一个使用 C# / WPF 和 SQL Server 以及 EF Core 5 的程序。有时我使用急切加载，例如： （来自 MyContext.Refractions 中的 r，其中 r.Id == id 选择 r） .Include(r => r.RightLe...

角度路线匹配器儿童未加载

我正在尝试复制类似 Twitter 的 URL（即@用户名）。据我所知，我可以使用匹配器而不是使用路径来实现它。到目前为止一切正常，但遗憾的是我无法访问我的子路线...

上传到 Tumblr 时的图像尺寸。显示与帖子不同的规则的页面。如何延迟加载帖子图像

我正在使用一个非常定制的 Tumblr 帐户。我有一个混合的页面和帖子，我想在其中访问内容和资产（主要是在其他帖子和/或页面中使用的图像）。 当我上传

存储在本地存储中的数据返回未定义，直到在 React 中重新加载页面

我正在开发一个应用程序，该应用程序在登录时将角色存储到本地存储。该角色应该将用户重定向到所需的页面。但在保存时，它返回为未定义。我必须重新加载...

LAZY 获取不适用于 ManyToMany 关系：Spring Boot 和 JPA

我有以下场景- 我在县和策略实体之间存在多对多关系。该关系由实体 PolicyCounty 维护。这是实体类 - @数据 @...

路由到浏览器地址上的特定路径发送到 Angular 中的默认路由

环境： 角17 我在 Angular 中使用延迟加载，每次我尝试从浏览器地址访问 http://localhost:4200/question/edit/1 时，它都会重定向到 http://localhost:4200。有效

微前端组件使用共享库时导致页面无法加载

我正在努力将我的一个项目转换为通过 webpack 中的 ModuleFederationPlugin 而不是 npm 包通过微前端加载组件。 我能够得到概念证明