lazy-loading 相关问题

我使用 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”来创建一个使用正确宽高比的占位符。

css image lazy-loading data-uri

回答 1 投票 0

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

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

filter kendo-ui lazy-loading kendo-asp.net-mvc

回答 1 投票 0

React 延迟加载 useEffect

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

reactjs react-hooks lazy-loading use-effect

回答 1 投票 0

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

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

r ggplot2 lazy-loading

回答 1 投票 0

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

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

java hibernate jsf lazy-loading

回答 4 投票 0

React Native ScrollView 的延迟加载

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

react-native scrollview lazy-loading

回答 1 投票 0

使用 CRA 延迟加载 SVG

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

reactjs svg lazy-loading create-react-app

回答 3 投票 0

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

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

listview flutter lazy-loading

回答 2 投票 0

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

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

lazy-loading neovim color-scheme

回答 1 投票 0

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

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

reactjs react-router lazy-loading react-suspense

回答 1 投票 0

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

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

angular module components lazy-loading

回答 1 投票 0

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

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

angular lazy-loading

回答 1 投票 0

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

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

python android kivy lazy-loading kivymd

回答 1 投票 0

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

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

c# sql-server entity-framework-core relational-database lazy-loading

回答 1 投票 0

lazy-loading 相关问题

最新问题