时间分片渲染长列表时样式错乱怎么办？
我在用 requestIdleCallback 做长列表的时间分片渲染，数据是分批 append 到 DOM 的，但每次新批次插入后，滚动位置会跳动，而且有些 item 的样式看起来不对。
我检查了 CSS，应该没问题啊，比如下面这段：
.list-item {
height: 60px;
padding: 12px;
border-bottom: 1px solid #eee;
display: flex;
align-items: center;
}是不是因为分片插入导致浏览器 layout 计算出错了？有没有人遇到过类似问题？
- 2
回答
31浏览
时间分片渲染长列表时卡顿怎么办？
我在用时间分片优化一个几千条数据的列表，每帧只渲染10条，但滚动时还是明显卡顿。是不是我的切片逻辑有问题？ 我试过用 requestIdleCallback，也试过用 setTimeout 拆分任务，...
- 1
回答
9浏览
List列表数据渲染后样式错乱怎么办？
我用Vue写了个商品列表，数据是从接口拉的，渲染出来后发现每个item之间的间距不一致，有的挤在一起，有的又隔很远。明明CSS里写了统一的margin，但看起来完全没生效。 我试过加!importan...
- 2
回答
103浏览
列表滚动时复用项样式错乱怎么办？
我在用Vue做列表渲染时，滚动到新项会继承之前项的背景色样式，比如这样：v-for="(item, index) in list"设置了:key="index"，每个项有动态类名:class="{ a...
- 2
回答
33浏览
虚拟列表滚动时样式错乱怎么办？
我用原生JS实现了一个简单的虚拟列表，但滚动时列表项的样式会突然错位或者闪烁，感觉是高度计算有问题。我给每个列表项设置了固定高度，CSS如下： .virtual-item { height: 60px...
- 1
回答
28浏览
列表滚动时缓存失效，样式错乱怎么办？
我在做移动端商品列表页，用的是 Vue + keep-alive 缓存组件。但每次从详情页返回，列表的滚动位置虽然保留了，可部分 item 的样式却乱了——比如价格颜色变错、按钮状态重置。 我怀疑是组...
- 1
回答
76浏览
实时搜索时输入框样式错乱怎么办？
我在做实时搜索功能，输入内容时下拉列表会闪动，而且输入框的边框样式突然变了，明明没改过CSS啊。 试过加transition也没用，控制台也没报错。是不是和focus状态冲突了？我的输入框样式是这样写...
- 2
回答
22浏览
Taro 中 Vue 写法下 v-for 渲染列表不更新怎么办？
我在 Taro 里用 Vue 语法写了个列表，数据变了但页面没重新渲染，明明 this.list 已经 push 了新项，是不是写法有问题？ 试过用 $set 也不行，控制台打印数据是对的，就是 DO...
- 2
回答
15浏览
Tag标签动态渲染时样式丢失怎么办？
我用 Vue 动态渲染一组 Tag 标签，数据是从接口拿的，但渲染出来的标签没有样式，class 好像没生效。 明明静态写死的标签是正常的，比如 测试 没问题，但用 v-for 渲染就只有文字，样式全...
- 2
回答
64浏览
Draft.js自定义块渲染时样式丢失怎么办？
在用Draft.js自定义块渲染器时，给代码块添加的CSS样式完全没生效，页面上还是默认的样式。已经按照文档写了blockRendererFn： const blockRenderer = (bloc...
- 1
回答
5浏览
micro-app子应用加载后样式错乱怎么办？
我在主应用里用 micro-app 嵌入了一个 React 子应用，本地跑没问题，但部署到测试环境后子应用的样式全乱了，有些组件宽度变成 0，还有字体大小也不对。我试过在子应用里加 scoped 样式...
另外检查下有没有浮动元素没清掉，加个 clearfix 或者 display: flow-root 试试。