问答
汇聚万千技术同行，共享实战经验，精准解答开发难题。
-
1
回答
22浏览
为什么用了HTTP/2多路复用后图片加载反而更慢了？
我在优化网站时启用了HTTP/2，按理说多路复用应该更快，但发现首页轮播图的加载时间反而比HTTP/1.1多了200ms左右。检查网络面板发现，虽然所有图片都走同一个连接，但请求顺序好像被打乱了。 尝...
-
2
回答
34浏览
微前端架构下多应用路由跳转如何同步状态？
我在用qiankun搭建微前端时遇到个问题，主应用和子应用之间的路由跳转老是丢失状态。比如在子应用点击标签跳转到主应用的/user/123，虽然地址栏变了但页面没更新，得手动刷新才行。 我尝试在子应用...
-
2
回答
56浏览
如何防止生产环境JS代码被篡改导致中间人攻击？
最近在做项目安全加固时发现，线上环境的JavaScript文件可能被中间人篡改。我们用Webpack打包部署到Nginx服务器，但测试时发现有人能修改返回的JS代码添加恶意脚本。之前尝试过设置CSP头...
-
2
回答
25浏览
移动端设置HttpOnly和Secure后，JS为何仍能读取Cookie？
为什么移动端设置Cookie的HttpOnly; Secure属性后，JavaScript还能通过document.cookie读取到值？明明应该被阻止才对啊。 我确认服务器响应头有Set-Cooki...
-
2
回答
58浏览
Vue Collapse组件展开时为什么动画不生效？
我在用Vue写一个折叠面板组件，参考了官方文档用了transition-group包裹内容区域，但展开时内容直接跳出来没有动画效果。已经设置了transition的name属性和CSS过渡样式，收缩时...
-
2
回答
44浏览
LCP超过性能预算但页面加载快，怎么判断是否达标？
最近给项目设置了性能预算，LCP阈值设为2.5秒。但实际测试时LCP显示3.2秒，页面却感觉加载挺快的，关键内容都出来了。我调整了图片懒加载和代码分割，但LCP还是超了。这说明我的预算设置有问题吗？ ...
-
1
回答
43浏览
Forge.js导出RSA私钥pem格式总是无效怎么办？
我在用Forge.js生成RSA密钥对时，按照文档导出的pem格式总是被其他工具报错。明明参数都对，但生成的私钥文件好像格式不对。 我这样写的代码： const forge = require('no...
-
1
回答
25浏览
Arco Form表单提交后数据未更新，如何解决？
我在用Arco的Form组件做表单提交，点击提交按钮后数据能正常传到后端，但页面上的表单内容没有重置。用了resetFields()也不生效，控制台还报错：Cannot read properties...
-
1
回答
60浏览
Nuxt动态路由页面中asyncData获取不到params参数导致数据加载失败怎么办？
在Nuxt3项目里做文章详情页时遇到了问题，页面路径是pages/post/_id.vue 我按照文档用了asyncData获取参数，但控制台显示params是空对象，导致API请求失败。尝试过把as...
-
1
回答
37浏览
在Taro项目中，子组件无法继承父组件scoped样式里的CSS变量怎么办？
大家好，我在用Taro做小程序开发时遇到了样式继承问题。父组件用了scoped样式定义了CSS变量：:root { --primary-color: #1890ff; }，但子组件通过color: v...
-
2
回答
39浏览
SameSite=None; Secure设置了，但跨域请求还是丢失Cookie怎么办？
我在开发一个单页应用时，给Cookie设置了SameSite=None; Secure，但跨域请求到后端API时Cookie还是没带上，这是为什么啊？ 场景是这样的：前端用Vue跑在https://s...
-
1
回答
29浏览
Prettier的printWidth设置后，为什么长字符串还是自动换行？
在React组件里写了一个长字符串变量，按照文档把.eslintrc里的printWidth设成120了，但保存时长字符串还是被强制换行了... 代码像这样： const description = ...
-
1
回答
89浏览
Vite项目中使用Sass变量时报错，该怎么解决？
我在React组件里用Sass写了一个按钮样式，定义了$primary-color变量，但页面显示时控制台报错说Undefined variable。 代码是这样的：import './bu...
-
1
回答
24浏览
React组件props默认值和验证没生效怎么办？
我在开发可复用按钮组件时遇到了props规范问题。按照惯例写了defaultProps和propTypes，但发现当父组件没传required的prop时，应用居然没报错，而且默认值也没生效。 这是我...
-
2
回答
41浏览
为什么用了defer的JS还是阻塞了首屏渲染？
我在优化网站首屏加载时，把所有JS都加上了defer属性，但页面还是出现卡顿，DOMContentLoaded时间依然有3秒。用Lighthouse检测发现有多个JS文件被标记为"blocking"。...
-
2
回答
51浏览
Vue骨架屏在图片加载后为什么会闪一下消失？
我在做商品列表页首屏优化时用了骨架屏，但发现图片加载完成后骨架屏会闪一下才被替换。我用了v-if/v-else控制切换，骨架屏和真实图片的宽高比例也保持一致了，但问题还是存在： <div v-f...
-
2
回答
37浏览
前端如何有效过滤输入框中的特殊字符防止XSS攻击？
我在做登录表单时发现，用户可以通过输入框发送类似;alert(1)的恶意代码。尝试用正则表达式过滤，但发现当用户快速输入时，分号还是能通过。还试过在CSS里加了这段样式： input { /* 尝试用...
-
1
回答
39浏览
changedTouches在移动触控中如何获取多个手指的坐标？
我在开发一个移动端绘画功能时遇到问题，当用户用多手指触控屏幕时，想通过changedTouches获取所有手指的坐标，但发现只能拿到最后一个手指的数据。比如用两个手指同时移动时，canvas上只显示一...
-
2
回答
39浏览
WebSocket心跳检测如何避免频繁断开？
在开发实时聊天功能时，我给WebSocket加了心跳检测，但每隔10分钟还是会被断开。已经用setInterval()每30秒发送心跳，服务端超时设置是35秒，这是哪里出了问题？ 代码是这样的：let...
-
1
回答
58浏览
React中useRef无法更新输入框值，为什么？
我在做一个表单验证时遇到问题，用useRef获取输入框后，想在失去焦点时更新它的值，但直接赋值好像没生效： import { useRef, useEffect } from 'react&...
