问答
汇聚万千技术同行，共享实战经验，精准解答开发难题。
-
2
回答
56浏览
属性面板联动时数据不同步怎么办？
最近在做可视化编辑器的属性面板，当拖拽组件到画布后，属性面板的样式设置框没有实时更新数据，手动修改又会覆盖原有值。试过用事件监听同步，但发现频繁操作时数据会错乱，有没有更好的解决办法？ 比如选中一个文...
-
2
回答
71浏览
移动端手势滑动时页面跟着滚动怎么解决？
我在开发一个支持左右滑动切换卡片的移动端页面，用touchstart和touchmove事件检测手势位移，但发现当手指滑动距离较大时页面会跟着滚动，导致手势识别不准。试过在touchmove里加e.p...
-
2
回答
93浏览
Lynx开发中flex布局在小程序和H5显示不一致怎么办？
大家好，我在用Lynx开发跨端项目时遇到个问题。同样的flex布局在微信小程序里子元素是垂直排列，但H5端却变成水平排列了，改了半天没找到原因。 代码是这样的：.container { display...
-
2
回答
72浏览
Android WebView中H5页面无法触发JavaScript的alert弹窗怎么办？
各位大佬帮忙看看啊，我在Android WebView里加载H5页面，点击按钮后本该弹出alert提示框，结果完全没反应。已经检查过JavaScript是启用的，连console.log都能打出来，就...
-
2
回答
40浏览
WebP图片懒加载时，为什么部分图片显示成空白？
我在用Intersection Observer做WebP图片懒加载时，发现Chrome能正常显示，但Firefox有30%几率显示空白图片。之前用标签的srcset属性根据浏览器支持动态切换WebP...
-
2
回答
67浏览
Skeleton骨架屏如何动态匹配不同分辨率的图片占位？
最近在做首屏骨架屏优化时遇到个问题，当页面在不同分辨率下，我用固定宽高的div模拟的商品图片占位框，加载真实图片后总会出现比例错乱。 比如在移动端横屏时，.skeleton-img设置的width: ...
-
2
回答
82浏览
Nginx配置了缓存但静态文件没生效怎么办？
折腾了一下午配置Nginx缓存，但发现CSS和JS文件还是没被缓存到。明明按教程设置了proxy_cache，访问的时候检查响应头连Cache-Control都没看到，是不是哪里漏了？ 我的Nginx...
-
2
回答
61浏览
权限缓存过期后如何防止页面刷新导致权限失效？
我现在在做前端权限控制，把用户的权限列表存在localStorage里，但发现缓存过期后页面刷新就会失效。之前试过设置过期时间和自动刷新，但这样页面刷新时还是会有一段时间没有权限校验，这样会不会有安全...
-
2
回答
83浏览
WebP有损压缩后渐变背景出现明显色块怎么办？
在项目里把图片换成WebP格式后，产品图的渐变背景出现了明显色块，调整quality参数也没太大改善。比如这张背景图： <picture> <source srcset="bg.we...
-
2
回答
32浏览
空状态页面如何设计才能提升用户留存？有没有具体优化技巧？
最近在做电商商品列表页的空状态优化，现在用的是简单的div显示“暂无商品”和一个刷新按钮，但用户流失率很高。试过加个插画和文案，但转化率没明显变化，该怎么提升互动呢？ 之前参考了其他平台案例，发现有的...
-
2
回答
44浏览
Vue组件中手机号脱敏显示失效了怎么办？
在用户信息展示页面需要脱敏显示手机号，写了计算属性处理，但发现像13812345678这样的号码显示成138****5678是对的，可当输入1391234567这种11位以外的号码时就直接返回原值了，...
-
2
回答
41浏览
Vue项目中使用IntersectionObserver实现加载进度条导致滚动卡顿怎么办？
在Vue项目里想用IntersectionObserver检测关键资源加载进度，然后发现滚动时页面卡顿，特别是资源较多时更明显。我尝试给每个资源元素添加了观察器，然后在回调里计算总进度： const ...
-
2
回答
45浏览
Canvas画矩形路径为什么最后一条边不显示？
我在用Canvas画矩形路径时，明明设置了closePath，但最后一条边总是断开的。比如这样画： function drawRect(ctx, x, y, w, h) { ctx.beginPath...
-
2
回答
53浏览
Tauri应用中React组件调用fetch读取本地文件报跨域错误怎么办？
在用Tauri + React开发桌面应用时，我在React组件里用fetch读取本地JSON文件，结果报CORS错误。虽然Tauri文档说可以安全访问文件系统，但代码一直失败： import { u...
-
1
回答
52浏览
为什么useReducer里的dispatch不更新状态？
在用useReducer处理表单输入时遇到问题，输入框的值没反应。写了个handleChange函数，通过dispatch('UPDATE_FIELD')传递value，但状态一直没变。 试过检查ac...
-
2
回答
68浏览
GitHub Actions在Issue标题含#号时无法自动添加标签，如何解决？
配置了GitHub Actions在Issue被创建时自动添加"待处理"标签，但当Issue标题包含#符号（比如"Bug#123: 页面崩溃"）时，任务会报错Error: Not Found。我用的w...
-
2
回答
42浏览
Node.js可读流处理文件时，为什么每次read()返回的数据不完整？
在用Node.js的可读流读取大文件时，我尝试通过循环调用stream.read()来逐块处理数据，但发现有时候返回的数据不完整，甚至出现空字符串。比如设置highWaterMark=1024后，第一...
-
2
回答
47浏览
requestIdleCallback优化长列表时为什么还是会卡顿？
我用虚拟列表渲染上千条数据时，尝试用requestIdleCallback分批渲染，但滚动到后面还是明显卡顿。之前试过分页和简单的节流函数都没彻底解决，现在这样写： function renderBa...
-
1
回答
66浏览
代码混淆后如何验证前端代码的完整性？
在用Webpack和terser做代码混淆时，我总担心混淆后的代码被篡改。之前尝试用文件hash比对，但发现每次构建生成的混淆代码hash都不一样，这该怎么验证代码完整性呢？ 比如我配置了这样的优化选...
-
2
回答
49浏览
为什么我的LCP评分总是卡在2.5秒以上？优化后还是没达标
最近在优化网站LCP指标，把关键资源压缩到200KB以内了，也用了标签，但实测LCP还是2.6秒左右。我用Lighthouse测试发现，那个大图的传输时间显示1.8秒，为啥总时间这么高？ 尝试过把图片...
