问答
汇聚万千技术同行，共享实战经验，精准解答开发难题。
-
2
回答
133浏览
Nuxt布局组件里的 reactive 变量为什么在页面里取不到值？
在Nuxt3项目里，我在布局组件default.vue里用useRuntimeConfig()获取了环境变量，想通过reactive()声明一个共享变量，但在页面里通过inject获取时一直是空值，是...
-
2
回答
77浏览
dva model状态数据页面刷新后就丢失了怎么办
在用dva开发的时候，我在model里写了状态数据，但页面刷新后所有state都变回初始值了。我尝试在subscriptions里用localStorage保存state： subscriptions...
-
2
回答
65浏览
自定义Web Component的connectedCallback为什么没触发？
我在写一个简单的Web Component时，发现connectedCallback根本没执行，这是什么问题啊？代码是这样的： class MyElement extends HTMLElement ...
-
2
回答
86浏览
React表单提交时乐观更新后样式回滚不生效怎么办？
我在做一个任务提交功能，用了乐观更新直接把按钮换成成功图标，但后端返回错误时需要回滚到原始状态。之前用useState存表单状态，成功时改成success，失败改回pending，但发现错误提示弹出时...
-
2
回答
92浏览
表单提交成功提示框显示后布局错位怎么办？
我用Vue做表单提交，提交成功后用v-if显示绿色提示框，但提示框出现时页面突然跳动，下面内容也跟着向上移了10px，很影响体验。尝试过加fixed定位和设置transition: 提交成功！ CSS...
-
2
回答
124浏览
移动端双击事件如何避免快速点击导致多次触发？
在移动端开发中，我给按钮绑定了双击事件，用touchstart记录时间差判断双击： let lastTap = 0; element.addEventListener('touchstart', ()...
-
1
回答
103浏览
Material-UI的Chip删除按钮怎么没反应？
我在用Chip组件加删除功能，按照文档写了onDelete事件和delete图标，但点击叉号完全没反应。代码检查了好几遍都没发现问题，这是为什么啊？ 我的代码是这样的： <Chip label=...
-
1
回答
73浏览
React项目用lodash-es为啥Tree Shaking没效果？
大家好，我在React项目里改用lodash-es做Tree Shaking优化，但打包后发现整个lodash都被引入了。比如这样写： import _ from 'lodash-es'; const...
-
2
回答
154浏览
H5页面在不同手机上显示错位，怎么调整布局更稳定？
我在用flex布局做H5页面时遇到问题，iPhone和华为手机显示完全不一样。比如这个商品卡片： 商品标题 ¥99.00 立即购买 设置了 .product-box { display: flex; ...
-
2
回答
27浏览
React里把API Key写在组件里提交请求，这样会不会泄露？
我在写一个天气查询组件时，直接把OpenWeatherMap的API Key写在React组件的请求里了。但同事说这样部署后会被别人直接看到，应该怎么办？我试过用.env文件存变量，但开发环境老报40...
-
2
回答
93浏览
为什么修改元素样式后getBoundingClientRect返回旧值？
我在开发一个动态布局的组件时遇到奇怪的问题。当我用JavaScript修改元素宽度后，立即调用getBoundingClientRect获取尺寸，返回的还是修改前的值。比如这段代码： function...
-
2
回答
289浏览
React中使用AES加密数据后后端无法解密怎么办？
我在React项目里用crypto-js做了AES加密，但后端说收到的密文解密失败。我按照文档设置了CBC模式和pkcs5填充，测试时发现加密后的base64字符串总比预期的多两个等号，这正常吗？ i...
-
2
回答
132浏览
前端用WebSocket加密时，怎么安全交换密钥避免被中间人截获？
我在用WebSocket做实时通信时，想给消息加密，但卡在密钥交换环节。试过让客户端生成RSA密钥对，把公钥发给服务器，但发现握手时公钥是明文传输的，如果中间人截获公钥再伪造响应，不是照样能解密吗？ ...
-
2
回答
112浏览
单页应用如何高效监控动态组件的点击行为而不卡顿？
我在给一个Vue3项目做行为监控时遇到问题，页面通过v-for渲染大量卡片组件，每个卡片都有点击事件。我尝试在每个卡片元素上直接绑定点击监听： document.querySelectorAll('....
-
2
回答
75浏览
Webpack分离第三方库chunk时为什么文件名会包含hash导致缓存失效？
我在配置Webpack的SplitChunksPlugin时，想把第三方库打包成单独的vendor chunk，但生成的文件名总是带hash，导致每次构建缓存都失效。按照文档设置了splitChunk...
-
2
回答
24浏览
JSONP跨域调用时如何防范第三方注入恶意脚本导致XSS？
我在用JSONP做跨域请求时突然意识到，如果第三方接口返回恶意代码，岂不是能直接在页面执行？比如我这样调用： const script = document.createElement('script...
-
2
回答
44浏览
Jira Sprint冲刺计划时如何设置自动分配任务？
在用Jira做Sprint计划时，每次手动分配任务给团队成员好麻烦，有没有办法根据成员负载自动分配？ 之前试过用Jira自带的工作量图表估算，但手动拖拽太耗时间。查了Jira市场发现AutoAssig...
-
2
回答
48浏览
Chrome DevTools模拟移动端时媒体查询没生效怎么办？
用Chrome DevTools模拟iPhone 12调试页面时，媒体查询突然不生效了，明明在桌面模式下正常 比如这段代码：@media (max-width: 768px)在桌面端能正确触发，但切换...
-
1
回答
20浏览
useCallback在函数组件里用不对，为什么子组件一直重新渲染？
我在用React函数组件时，给子组件传了一个用useCallback包裹的回调函数，依赖数组也写对了，但每次父组件状态变化子组件还是重新渲染，这是为什么啊？ 代码大概是这样的： const Paren...
-
2
回答
51浏览
Vant组件在不同手机屏幕显示比例不对，怎么调整？
用Vant3写页面时，按钮和输入框在iPhone 13上显示正常，但到华为nova9上突然变小了一半，搞不懂为啥？ 已经按文档设置了viewport和Config { standalone: true...
