首屏加载时如何用占位图避免布局抖动？
我在做商品列表页的首屏优化，数据还没回来时页面会先空着，等接口返回后突然“跳”出内容，体验很差。试过用<div class="skeleton"></div>做骨架屏，但高度固定的话，不同设备下还是会错位，有没有更灵活的方案？
目前骨架样式是这样写的：
.skeleton {
background: #f0f0f0;
height: 120px;
border-radius: 8px;
margin-bottom: 16px;
}- 1
回答
13浏览
图片懒加载时占位图怎么处理才不抖动？
我在做图片懒加载，想用占位图避免布局抖动，但实际效果还是会有跳动，是不是我宽高没设对？ 试过给 img 加固定宽高，也试过用背景色占位，但图片加载完还是会“闪一下”或者把下面内容顶下去。是我哪里没考虑...
- 1
回答
18浏览
图片懒加载时占位图怎么处理才不抖动？
我在做图片懒加载，用了一张灰色的占位图，但图片加载完成后页面还是会“抖”一下，布局好像被撑开了。明明设置了宽高，为啥还会这样？ 我试过给 img 加 width: 100%; height: auto...
- 2
回答
23浏览
首屏 Loading 占位怎么避免布局抖动？
我在做首页优化，数据还没回来时用骨架屏占位，但接口一返回，内容高度变了，页面就“跳”了一下，特别难受。 试过给容器写死高度，但不同设备内容长度不一样，写死根本不现实。有没有更灵活的方案？ 现在骨架屏是...
- 2
回答
51浏览
移动端按需加载组件时如何避免样式错乱？
我在用 Vue 开发移动端页面，想对底部弹窗组件做按需加载，但动态引入后发现样式没生效，布局全乱了。之前是直接 import 引入没问题，改成 () => import('./Popup.vue...
- 2
回答
41浏览
骨架屏切换时为什么会出现闪烁？如何避免布局抖动？
我在给列表页加骨架屏时遇到问题，当真实内容加载出来后，骨架屏区域会突然跳动一下，看起来很卡。我用了opacity过渡，但闪烁反而更明显了。 代码结构大概是这样的，骨架屏用背景色模拟内容形状： <...
- 2
回答
41浏览
React骨架屏组件在动态数据加载时如何保持布局一致性？
我在用Skeleton骨架屏实现列表加载效果时遇到了问题。当异步数据加载完成，真实内容替换骨架屏时，页面布局会突然跳动一下。 我已经尝试给Skeleton和真实内容都设置了相同的固定高度，但实际渲染后...
- 1
回答
7浏览
微前端中如何正确共享 React 依赖避免重复加载？
我在用 qiankun 搭建微前端项目，主应用和子应用都用了 React，但发现子应用会重新加载一份 React，导致 bundle 体积变大，还报了 React 重复加载的警告。 我尝试在 webp...
- 1
回答
9浏览
微前端中如何正确共享 React 依赖避免重复加载？
我在用 qiankun 搭建微前端项目时，主应用和子应用都用了 React，结果发现 React 被加载了两次，控制台还报了 Invalid hook call 的错误。明明已经在 webpack 里...
- 2
回答
32浏览
长列表分页加载时如何避免重复请求和数据错乱？
我在做商品列表的分页加载，每次滚动到底部就调用接口拉下一页数据。但有时候网络慢，用户快速滚动会触发多次请求，导致数据重复或者顺序错乱，咋办？ 我试过加个 loading 锁：if (loading) ...
- 1
回答
36浏览
微前端中如何正确共享 React 依赖避免重复加载？
我用 qiankun 搭了个微前端项目，主应用和子应用都用了 React 18，但发现子应用加载时又把 React 打包进去了，导致页面报错说存在多个 React 实例。 我试过在 webpack 里...
暂无解答