问答
汇聚万千技术同行，共享实战经验，精准解答开发难题。
-
1
回答
20浏览
为什么Svelte里直接修改数组元素视图没更新？
大家好，我在用Svelte做搜索框时遇到个奇怪的问题。当输入内容后直接修改数组元素，视图完全没反应... 我照着Vue写法写了这段代码： <script> let searchTerm =...
-
1
回答
21浏览
Angular中为什么第三方异步回调不触发变更检测？
我在用Angular开发时，用第三方库发起异步请求，数据返回后赋值给组件属性但视图没更新。尝试用NgZone.run()包裹也没效果，控制台没有任何报错，这是为什么？ 比如这样调用：this.http...
-
1
回答
55浏览
Module Federation子应用的CSS被主应用样式覆盖如何解决？
我在用Module Federation整合子应用时遇到样式问题，子应用定义的红色按钮在主应用里显示成蓝色了。主应用用了全局样式表，但子应用的CSS明明写了更高的优先级： .red-button { ...
-
1
回答
31浏览
Pinia store更新后组件没重新渲染怎么办？
在用Vue3+Pinia写购物车功能时遇到问题，修改store里的商品数量后页面没变化。我检查过mutation确实触发了，控制台打印store.state.cart里的数量是对的，但组件里的{{ca...
-
2
回答
25浏览
为什么我的React项目在使用可选依赖时总是报错？
我在开发一个React组件库时，按照文档在package.json里把canvas声明为可选依赖（optionalDependencies）。但当我运行项目时，控制台一直报错说： TypeError:...
-
2
回答
20浏览
WebP图片转换后，如何量化评估质量损失？
在React项目里用sharp库把JPG转WebP时，设置quality=80后图片边缘有点模糊。有没有什么客观指标或工具能帮我评估质量损失？ 我试过用文件大小对比和视觉检查，但这样太主观了。比如下面...
-
2
回答
41浏览
React Navigation切换页面后为什么状态没重置？
大家好，我在用React Navigation做页面跳转时发现一个问题： 从首页跳转到详情页再返回后，详情页的输入框内容和选中的选项都没重置。我尝试过在组件卸载时用navigation.replace...
-
2
回答
25浏览
为什么我的Service Worker缓存策略在页面更新后仍然加载旧资源？
我在用Service Worker做静态资源缓存时遇到问题。部署了新版本后，明明控制台显示已安装新Worker，但页面还是加载旧的/calculation.js文件。 尝试过手动清除浏览器缓存和注册新...
-
1
回答
18浏览
属性面板联动时数据不同步怎么办？
最近在做可视化编辑器的属性面板，当拖拽组件到画布后，属性面板的样式设置框没有实时更新数据，手动修改又会覆盖原有值。试过用事件监听同步，但发现频繁操作时数据会错乱，有没有更好的解决办法？ 比如选中一个文...
-
1
回答
33浏览
移动端手势滑动时页面跟着滚动怎么解决？
我在开发一个支持左右滑动切换卡片的移动端页面，用touchstart和touchmove事件检测手势位移，但发现当手指滑动距离较大时页面会跟着滚动，导致手势识别不准。试过在touchmove里加e.p...
-
2
回答
50浏览
Lynx开发中flex布局在小程序和H5显示不一致怎么办？
大家好，我在用Lynx开发跨端项目时遇到个问题。同样的flex布局在微信小程序里子元素是垂直排列，但H5端却变成水平排列了，改了半天没找到原因。 代码是这样的：.container { display...
-
2
回答
30浏览
Android WebView中H5页面无法触发JavaScript的alert弹窗怎么办？
各位大佬帮忙看看啊，我在Android WebView里加载H5页面，点击按钮后本该弹出alert提示框，结果完全没反应。已经检查过JavaScript是启用的，连console.log都能打出来，就...
-
1
回答
14浏览
WebP图片懒加载时，为什么部分图片显示成空白？
我在用Intersection Observer做WebP图片懒加载时，发现Chrome能正常显示，但Firefox有30%几率显示空白图片。之前用标签的srcset属性根据浏览器支持动态切换WebP...
-
1
回答
22浏览
Skeleton骨架屏如何动态匹配不同分辨率的图片占位？
最近在做首屏骨架屏优化时遇到个问题，当页面在不同分辨率下，我用固定宽高的div模拟的商品图片占位框，加载真实图片后总会出现比例错乱。 比如在移动端横屏时，.skeleton-img设置的width: ...
-
1
回答
40浏览
Nginx配置了缓存但静态文件没生效怎么办？
折腾了一下午配置Nginx缓存，但发现CSS和JS文件还是没被缓存到。明明按教程设置了proxy_cache，访问的时候检查响应头连Cache-Control都没看到，是不是哪里漏了？ 我的Nginx...
-
2
回答
26浏览
权限缓存过期后如何防止页面刷新导致权限失效？
我现在在做前端权限控制，把用户的权限列表存在localStorage里，但发现缓存过期后页面刷新就会失效。之前试过设置过期时间和自动刷新，但这样页面刷新时还是会有一段时间没有权限校验，这样会不会有安全...
-
2
回答
25浏览
WebP有损压缩后渐变背景出现明显色块怎么办？
在项目里把图片换成WebP格式后，产品图的渐变背景出现了明显色块，调整quality参数也没太大改善。比如这张背景图： <picture> <source srcset="bg.we...
-
1
回答
13浏览
空状态页面如何设计才能提升用户留存？有没有具体优化技巧？
最近在做电商商品列表页的空状态优化，现在用的是简单的div显示“暂无商品”和一个刷新按钮，但用户流失率很高。试过加个插画和文案，但转化率没明显变化，该怎么提升互动呢？ 之前参考了其他平台案例，发现有的...
-
1
回答
25浏览
Vue组件中手机号脱敏显示失效了怎么办？
在用户信息展示页面需要脱敏显示手机号，写了计算属性处理，但发现像13812345678这样的号码显示成138****5678是对的，可当输入1391234567这种11位以外的号码时就直接返回原值了，...
-
1
回答
15浏览
Vue项目中使用IntersectionObserver实现加载进度条导致滚动卡顿怎么办？
在Vue项目里想用IntersectionObserver检测关键资源加载进度，然后发现滚动时页面卡顿，特别是资源较多时更明显。我尝试给每个资源元素添加了观察器，然后在回调里计算总进度： const ...
