体验优化
本话题发布体验优化相关的问答文章和技术分享，将持续更新，为您推荐了6篇问答，访问即可查看更多精彩内容。
-
1
回答
11浏览
媒体查询在移动端适配时，为什么元素间距会忽大忽小？
我按设计稿750px写媒体查询调整间距，但在iPhone 12和13上看起来差距很大。比如侧边栏padding在12上正常，到13就撑出来了 尝试过用rem单位和vw百分比替代，但换算起来容易出错。现...
-
2
回答
26浏览
骨架屏在数据加载完成前如何保持位置不偏移？
在用Vue做文章列表页时，我给每个卡片加了骨架屏，但真实数据加载完成后整个布局会突然跳动。之前试过给骨架屏设置固定高度，但滚动条会闪一下，改用flex布局后间距又对不齐。现在用的是这样写的： <...
-
1
回答
12浏览
空状态页面如何设计才能提升用户留存？有没有具体优化技巧？
最近在做电商商品列表页的空状态优化，现在用的是简单的div显示“暂无商品”和一个刷新按钮，但用户流失率很高。试过加个插画和文案，但转化率没明显变化，该怎么提升互动呢？ 之前参考了其他平台案例，发现有的...
-
1
回答
14浏览
Vue项目中使用IntersectionObserver实现加载进度条导致滚动卡顿怎么办？
在Vue项目里想用IntersectionObserver检测关键资源加载进度，然后发现滚动时页面卡顿，特别是资源较多时更明显。我尝试给每个资源元素添加了观察器，然后在回调里计算总进度： const ...
-
1
回答
52浏览
React加载动画为什么会出现内容和骨架屏同时闪烁？
我在用React做数据加载时的骨架屏过渡，但发现内容渲染和骨架屏会同时显示0.5秒，导致闪烁问题。之前用条件判断控制显示： function ProductList() { const [produc...
-
2
回答
31浏览
Vue图片懒加载时，加载失败的降级方案没生效怎么办？
我在用Vue做图片懒加载优化时，想给加载失败的图片显示默认占位图。参考了一些方案后写了类似下面的代码，但实际测试时发现图片加载失败后还是直接显示红叉，占位图没出现。试过把<img标签换成v-if...
