前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
69浏览
在Jira中怎么让自定义筛选器排除特定标签的issue？
最近在用Vue写项目管理工具时，需要从Jira拉取当前sprint的issue列表，但想排除所有带有"tech-debt"标签的条目。 我尝试在Jira的筛选器里设置"Labels does not ...
-
2
回答
125浏览
优化FMP到85分后页面反而卡得要命怎么办？
我在优化FMP时提前加载了所有首屏元素，LCP和FMP分数都上来了，但页面交互卡得要命。比如这个React组件用了Intersection Observer预加载图片，但滚动时CPU飙到90%。 尝试...
-
2
回答
31浏览
为什么我的CSS过渡动画在首次悬停时没有触发？
大家好，我在给按钮加背景色过渡动画时遇到奇怪的问题。当第一次鼠标悬停时颜色会突然跳变，但第二次悬停才会正常平滑过渡。我明明设置了transition属性，这是怎么回事啊？ 代码是这样的：transit...
-
2
回答
27浏览
pnpm workspace里共享样式包时路径怎么配置都不对？
最近在用pnpm workspace管理项目，把公共样式抽到一个包里，然后在子项目里用@import引用。但不管怎么改路径都报404，比如在子项目的style.css里这样写： @import '~@...
-
1
回答
46浏览
Postman发送POST请求时，body里的JSON数据没传到后端怎么办？
在用Postman测试用户注册接口时，发现后端总是收到空对象... 我设置了请求体为raw JSON格式，参数写了 { "username": "test", "email": "test@examp...
-
2
回答
52浏览
React路由切换后组件重复加载如何缓存？
我用React Router做单页应用时，发现每次切换用户ID路由，组件都会重新加载导致数据丢失。比如访问/user/123后返回/user/456，再切回去时数据得重新请求。试过用useState保...
-
1
回答
77浏览
前端日志上报时为什么总是触发跨域错误？
我在页面里用fetch发送错误日志到后端，但总是被浏览器拦截，显示跨域错误。尝试过加mode:'no-cors'和设置headers，但后端还是收不到数据... <img src="b...
-
2
回答
19浏览
Vue按钮点击后FID飙升，怎么优化都没用？
大家好，我在做一个Vue项目，有个按钮点击后FID指标突然飙升到几百毫秒，用户抱怨操作有延迟。我尝试给事件加了防抖和把计算逻辑抽离到watch里，但效果不大： 处理数据 export default ...
-
1
回答
68浏览
Chrome DevTools怎么给WebAssembly的wasm函数打断点？
我用emscripten编译了C++的wasm模块，想在Chrome里调试一个叫processData的函数。在Sources面板找到对应的.wasm文件后，尝试在函数入口打断点，但点击行号没反应，控...
-
1
回答
46浏览
Vite项目中Sass变量在Vue组件里失效怎么办？
我在用Vite+Vue3开发时，按照文档在组件style标签里写了lang="scss"，但定义的$primary-color变量一直报未识别的标识符错误，控制台提示"undefined variab...
-
2
回答
46浏览
Vue DevTools组件树显示不更新，即使数据变化了怎么办？
大家好，我在用Vue3开发时遇到个怪问题：当修改响应式数据后，页面正常更新了，但Vue DevTools的组件树和响应式数据面板一直显示旧值。比如我用ref定义的计数器加了1，页面显示正确，但DevT...
-
2
回答
24浏览
Vite插件在HTML注入动态脚本时标签被转义怎么办？
我在用Vite写插件时想在HTML头部动态注入一个带有data-api-key的script标签，但发现内容被转义成文本了。比如用transformIndexHtml钩子处理时： // 插件代码片段 ...
-
1
回答
46浏览
Proxy的set拦截器为什么在修改嵌套对象属性时没触发？
我在用Proxy做表单验证时遇到奇怪的问题，给对象设置了set拦截器，修改顶层属性能正常触发，但修改嵌套对象的属性却完全没反应。比如这样写： const form = { user: { name: ...
-
1
回答
26浏览
Docker容器运行Node.js应用时，为什么端口映射后访问不到页面？
大家好，我最近在尝试用Docker部署一个简单的Node.js应用，但遇到了端口映射的问题。应用在本地直接运行时能正常访问，但打包到Docker容器后，访问localhost:3000一直显示空白页面...
-
1
回答
18浏览
StyleLint配置了缩进规则但无效怎么办？
我在项目里配置了stylelint的缩进规则，设置成2个空格，但保存CSS文件时完全没反应，代码没报错也不自动修复。之前按文档写过： { "rules": { "indentation": [2, {...
-
2
回答
20浏览
Wireshark抓包时怎么只过滤前端相关的HTTP请求？
我在用Wireshark调试前端项目时，发现抓到的HTTP请求里夹杂了很多静态资源和第三方广告的流量，想只看自己写的API请求。之前尝试用http过滤，但还是有很多无关数据。有没有办法根据URL路径或...
-
1
回答
33浏览
Vite SSR预渲染时报错’window is not defined’怎么办？
在用Vite做Vue3的SSR项目时，运行预渲染命令就报错'window is not defined'，但正常渲染页面又没问题。我的组件里用到了window.location，代码是这样的： // ...
-
2
回答
54浏览
为什么用Set存对象时无法去重？
我在用Set存储用户对象时发现，即使两个对象的属性完全相同，Set还是会把它们当作不同元素。比如： const set = new Set(); const obj1 = { id: 1, name:...
-
2
回答
19浏览
为什么我的POST请求没有发送自定义请求头？
我在用fetch发送POST请求时设置了请求头，但后端一直接收不到自定义的Authorization字段。简单GET请求没问题，但POST请求明明设置了headers参数，浏览器开发者工具里也显示请求...
-
2
回答
23浏览
WebSQL查询后如何正确获取结果数据？
折腾了一下午的WebSQL查询，每次用executeSql都拿不到数据。按照文档写了个transaction： db.transaction(tx => { tx.executeSql(...
