问答
汇聚万千技术同行，共享实战经验，精准解答开发难题。
-
1
回答
193浏览
Figma导出的SVG在网页中显示变形怎么办？
在Figma里导出的SVG图标到网页上总变形，比如原本正圆变成椭圆，调整过width/height属性也不行。用标签和直接写入HTML的inline SVG都试过了，还是有问题： 用标签这样： <...
-
2
回答
24浏览
为什么内联关键CSS后首屏渲染反而更慢了？
我按照教程把关键CSS内联到HTML里了，但首屏渲染时间反而比之前多了500ms，这是为什么？ 之前用Webpack的ExtractTextPlugin把CSS抽离成单独文件，加载时间约1.2秒。按首...
-
2
回答
22浏览
TagInput删除标签后输入框失去焦点怎么办？
我在实现TagInput组件时遇到了个奇怪的问题，每次删除标签后输入框就会自动失去焦点，用户体验特别差。 我尝试用ref在删除方法里手动调用focus()，但好像时机不对？比如这样写： handleD...
-
1
回答
32浏览
在Vue3的setup()中如何让CSS变量跟随ref响应式变化？
我在用Vue3的Composition API时，想通过CSS变量动态改变元素颜色。在setup()里用了ref存颜色值，然后在CSS里定义了变量，但怎么都更新不了颜色呢。 试过把颜色值绑定到元素st...
-
2
回答
28浏览
Middleman SSR中动态标题标签预渲染失效怎么办？
在用Middleman做SSR时，布局文件里设置了动态标题标签，但生成的静态页标题都是预渲染的默认值，改不动： <head> <title><%= yield(:titl...
-
2
回答
46浏览
地图POI搜索返回的坐标字段为什么是空的？
在用高德地图API做POI搜索时，发现返回的poi列表里location字段全是空对象，但其他信息如名称地址都有数据。我按文档写了参数，ak也验证过有效： amap.service('AMa...
-
2
回答
32浏览
装饰器为什么无法修改类的方法参数？
我在用装饰器封装API请求时遇到了问题，给类方法加了装饰器想自动处理参数，但发现参数始终没被修改。 比如这个装饰器： function apiLogger(target, name, descript...
-
2
回答
21浏览
OAuth2.0静默刷新时怎么避免重复发送refresh_token请求？
我在做前端静默刷新访问令牌时遇到个问题，当用户快速切换页面时，多个定时器同时触发导致重复发送了refresh_token请求。比如这样写的： let refreshTimeout; function ...
-
2
回答
25浏览
React中用requestIdleCallback优化长列表还是卡顿怎么办？
我在用React实现一个动态加载的长列表，尝试用requestIdleCallback分批次渲染列表项，但滚动到后面还是会卡顿。我按网上的方法在useEffect里这样写的： const [items...
-
1
回答
18浏览
为什么Error Boundary没捕获到setTimeout里的错误？
我在组件里用类组件做Error Boundary包裹了子组件，但子组件useEffect里的setTimeout里抛错后，页面直接崩溃了，componentDidCatch没触发，这是怎么回事？ 代码...
-
2
回答
27浏览
Hreflang标签在动态页面生成时出现重复链接问题怎么办？
我在给多语言电商网站做Hreflang优化时遇到问题，用Next.js动态生成的head标签里，不同语言页面的hreflang链接重复了。比如英文页面和法语页面互相引用时，Google Search ...
-
2
回答
71浏览
Vant主题变量修改后颜色不生效怎么办？
我在用Vant组件库开发项目时，按照文档尝试自定义主题颜色，但修改了变量后页面颜色没变化。具体是这样操作的：在less文件里添加了@button-default-bg: #ff0000;，但按钮还是原...
-
2
回答
34浏览
React表单提交时如何安全处理包含PII的用户数据？
在开发用户注册表单时，需要收集姓名和电话号码这些PII信息。我用useState保存输入值，提交时通过fetch发送到后端，但担心前端存储和传输过程中的数据泄露风险。虽然用了HTTPS，但直接存储在s...
-
2
回答
26浏览
配置Public-Key-Pins头后浏览器还是报证书错误怎么办？
我给网站配置了Public-Key-Pins头，参考了文档写死了当前证书和备用密钥的pin值，但访问时Chrome还是提示“证书无效”。明明证书指纹和includeSubDomains参数都对，是不是...
-
1
回答
41浏览
表单验证时，如何让错误提示在输入框下方而不是覆盖内容？
我在做一个注册表单的验证，当用户名输入错误时，错误提示文字总是盖在输入框上层，而不是显示在下方。之前用绝对定位包裹输入框和提示文字，设置了position: relative在父容器，然后给提示div...
-
1
回答
56浏览
Vite预构建后Tailwind的样式为什么失效了？
在项目里同时用了Ant Design Vue和Tailwind CSS，配置了预构建后，Tailwind的样式突然不生效了。之前单独使用Tailwind没问题，加了optimizeDeps.inclu...
-
2
回答
41浏览
React中异步请求loading状态总延迟显示怎么办？
在React项目里，我给API请求加了loading状态，但每次点击按钮后loading动画都要等1-2秒才显示，用户体验特别差。代码逻辑应该是对的，但实际效果就是不及时： function Prod...
-
1
回答
31浏览
移动端按钮点击音效播放总是卡顿怎么办？
在开发音乐类App时给按钮加了点击音效，用audio标签播放wav文件，结果手机端点击特别卡顿。试过改成mp3和用preload属性，但滑动页面时音效还是偶尔延迟，有没有什么优化方法？ 代码结构大概是...
-
2
回答
14浏览
搜索输入后滚动条跳到顶部怎么解决？
在做搜索功能时，每次输入新关键词后，列表滚动条会跳回顶部，用户体验特别差。我尝试过用scrollTop保存位置，但重新渲染后还是不行。 代码逻辑是这样的：输入框用v-model绑定查询词，列表用计算属...
-
2
回答
49浏览
npm publish版本没更新还提示权限错误怎么办？
我在用npm发布包时遇到怪事，先执行了npm version patch更新版本号，然后运行npm publish，结果提示npm ERR! code E403说权限被拒绝。但之前成功发过1.0.1版...
