前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
25浏览
iframe在移动端自适应高度时为什么总留白？
我用iframe嵌入了一个第三方地图页面，给iframe设置了height: 100%，在PC端显示正常，但手机上总会留出底部空白区域。尝试过用JavaScript动态计算父容器高度再赋值，但iOS设...
-
1
回答
40浏览
PWA消息推送注册时提示”无效的VAPID密钥”怎么办？
我在Vue项目里集成PWA推送功能，按照教程用firebase-messaging初始化后，调用navigator.serviceWorker.register一直报错"invalid VAPID k...
-
2
回答
35浏览
为什么我的页面在Lighthouse测试中加载时间总显示2秒以上？
我在开发一个电商详情页时发现，虽然本地用Chrome DevTools模拟3G网络测出来加载时间只有1.2秒，但用Lighthouse跑完整测时，总得分为78分，加载时间显示2.3秒。我已经把图片都转...
-
2
回答
48浏览
Vue组件中使用HTML表格时，如何让表头和内容行正确对齐？
最近在写Vue组件时用到HTML表格，发现表头和内容行总是对不齐。比如表头有三列，但某一行数据突然少了一列，后面的单元格就错位了。我试过用显示边框，但看不出哪里出问题。 代码示例： <table...
-
2
回答
41浏览
为什么用querySelectorAll选不到动态生成的元素？
我给页面添加动态元素后用querySelectorAll('.item')总是返回空列表，明明元素在DOM里能看到... 场景是点击按钮动态创建，然后立刻用document.querySelector...
-
2
回答
73浏览
SVN更新后本地文件突然消失怎么办？
在用SVN更新项目时突然发现之前写的utils.js文件没了，但svn日志里没记录删除操作，这是什么情况？ 刚才正在开发新功能，执行了svn update后，src目录下的utils.js直接消失了。...
-
2
回答
37浏览
为什么我的CSS线性渐变背景在移动端显示不完整？
大家好，我在做一个移动端页面时遇到个奇怪的问题。给导航栏设置了线性渐变背景，电脑上显示正常，但手机上左边三分之一的位置变成了纯色块。 我检查了代码发现是这样写的： .nav-bar { backgro...
-
2
回答
72浏览
Vue中Ajax请求失败后如何实现自动重试？
最近在做数据上报功能时遇到问题，想给axios请求加重试机制。比如网络波动时自动重试3次，但试了setTimeout递归调用，发现每次重试都同时发送了请求，反而更卡了... 这是我的代码片段：<...
-
2
回答
42浏览
Reflect.set 设置对象属性为什么没有生效？
我在用 Reflect.set 动态修改对象属性时遇到了奇怪的问题。比如定义了一个不可变属性： const obj = {}; Object.defineProperty(obj, 'test', {...
-
2
回答
44浏览
SWC配置后JSX报错：未定义的useEffect，该怎么解决？
我在Vite项目里用了SWC替代Babel，按照文档配置了@vitejs/plugin-swc，但运行时提示useEffect is not defined。已经确认引入了React，其他配置也没问题...
-
2
回答
36浏览
axios请求拦截后请求头没变化是怎么回事？
在用axios设置请求拦截时，给config.headers赋值token后，发现发送出去的请求头里并没有这个字段，控制台也没报错，这是为什么呢？ 我按照文档写了拦截器： axios.intercep...
-
2
回答
75浏览
前端用JWT时，如何防止Token被XSS攻击窃取？
我在项目里用localStorage存JWT token，但同事说这样容易被XSS攻击，我试过把token加密存进去，但后端验证时解密失败了。现在改成用httpOnly的cookie，但axios发请...
-
2
回答
87浏览
GitHub Actions运行时npm install失败，如何排查和解决？
最近在配置GitHub Actions时，发现每次到npm install这步都会报错，试过清理缓存也不行。错误提示是npm ERR! code ECONNRESET，但本地跑完全没问题，这是怎么回事...
-
2
回答
141浏览
WebAssembly Module对象如何正确传递给实例化函数？
我正在用JavaScript加载WebAssembly模块时遇到问题。按文档写了编译步骤，但实例化时老是报错： WebAssembly.compileStreaming(fetch('mat...
-
2
回答
181浏览
PM2部署后端服务，为什么偶尔会出现连接断开且日志没报错？
用PM2部署了一个Express服务，最近频繁出现客户端连接突然断开的情况，但PM2日志里完全没有报错。我试过用pm2 restart和检查配置文件，断开问题还是偶尔出现。服务是用cluster模式启...
-
2
回答
53浏览
Ajax重试机制怎么设置自适应延迟和避免重复提交？
在开发订单提交功能时，遇到网络波动导致Ajax请求失败需要重试。现在用递归setTimeout实现重试，但问题来了：retryCount++后每次固定延迟2秒，遇到服务器503错误时想改成指数递增延迟...
-
2
回答
49浏览
为什么监听页面自定义事件埋点在某些页面没触发？
最近在给项目加监控埋点，监听页面自定义事件page:view时，发现登录页能正常上报，但商品详情页完全没反应。 我用同样的代码监听了window.addEventListener('page:view...
-
2
回答
147浏览
微前端架构下如何解决不同子应用样式冲突的问题？
我在用micro-frontends架构开发时遇到样式污染问题。主应用和子应用都用了.button类名，但子应用的样式被主应用覆盖了。 比如这个React组件： import './Button.cs...
-
2
回答
66浏览
为什么我的PWA应用在添加到主屏幕后图标显示不正确？
我在配置PWA的manifest.json时，按照教程设置了icons数组，包含192px和512px的PNG图片。但用户添加到主屏幕后图标还是显示默认的灰色方块。我已经试过更换图片格式和尺寸，甚至把...
-
2
回答
114浏览
LCP超过性能预算但页面加载快，怎么判断是否达标？
最近给项目设置了性能预算，LCP阈值设为2.5秒。但实际测试时LCP显示3.2秒，页面却感觉加载挺快的，关键内容都出来了。我调整了图片懒加载和代码分割，但LCP还是超了。这说明我的预算设置有问题吗？ ...
