前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
91浏览
为什么给Vue组件的图片加滤镜后位置会偏移？
我在做一个图片轮播组件，给图片加了CSS滤镜后，鼠标悬停时图片会突然偏移位置，调整了margin和padding都不管用。代码是这样的： <template> <div class=...
-
2
回答
50浏览
ESLint和Prettier配置冲突怎么解决？代码格式检查老报错
最近团队要求统一代码规范，我把ESLint和Prettier都配上了，但每次保存代码都会报错，比如"Unexpected spaces"和"Missing semicolon"。 尝试过安装eslin...
-
1
回答
51浏览
为什么我的axios请求拦截器设置的headers没生效？
在用axios写请求拦截器时，明明在config.headers里加了token，但抓包发现请求头里始终没有这个字段，这是怎么回事？ 我的代码是这样的： axios.interceptors.requ...
-
1
回答
10浏览
React页面FMP分数低，为什么首次内容渲染这么慢？
我正在优化一个产品列表页面，用React+Axios加载数据后渲染列表，Lighthouse测FMP有4秒多，但代码已经用懒加载了。代码里用useEffect获取数据，但感觉首次渲染卡在某个环节......
-
1
回答
14浏览
Ajax发送JSON数据时服务器返回400错误怎么办？
我在用jQuery的$.ajax发送POST请求时，把数据对象直接写在data参数里，服务器提示400错误说"Unexpected token"。 尝试过把contentType设成applicati...
-
2
回答
9浏览
Vue中使用DocumentFragment优化DOM操作时为什么没有性能提升？
我在开发一个需要频繁渲染大量列表项的Vue组件时，尝试用DocumentFragment来优化DOM操作。按照文档写了个循环拼接节点的代码，但实际测试发现性能提升不明显，甚至比直接操作DOM还慢一点....
-
1
回答
58浏览
WebAssembly中使用SIMD时为什么出现类型不匹配错误？
我在用WebAssembly的SIMD模块优化图像处理时，调用v128.load加载像素数据，结果报错说参数类型不匹配。 具体场景是这样的：用Emscripten编译C++代码时启用了SIMD选项，想...
-
1
回答
17浏览
代码审查中如何处理CSS类名重复导致的样式覆盖问题？
在审查同事的代码时发现，两个不同组件都用了.header类名： .componentA .header { background: blue; } .componentB .header { back...
-
1
回答
8浏览
Jenkins构建React项目时npm install报错，怎么排查？
各位大佬帮忙看看，我配置Jenkins持续集成时卡住好久了。React项目在Jenkins构建到npm install这步就报错，本地跑完全没问题啊。 错误提示是这样的：npm ERR! code E...
-
1
回答
13浏览
为什么设置了timeout的JQuery Ajax请求还是没超时？
我在用JQuery的$.ajax发请求时设置了timeout: 2000，但实际测试发现请求超过3秒后还是继续执行了，甚至没有触发error回调。之前试过把timeout改成1000都试过，但问题依旧...
-
2
回答
31浏览
SameSite=Lax设置后，跨域请求携带Cookie失效怎么办？
我在项目中设置了Cookie的SameSite=Lax和Secure属性，但跨域请求到第三方支付接口时，Cookie没有被携带，导致登录失效。后端返回的Set-Cookie头看起来没问题，前端请求也用...
-
1
回答
19浏览
媒体查询在手机和桌面设备上没生效怎么办？
我在给网站做响应式布局时，写好了媒体查询，但手机和桌面样式完全没变化。比如这个导航栏，想让手机端显示汉堡菜单，桌面端显示横向菜单： @media screen and (max-width: 600p...
-
2
回答
23浏览
Vite预构建时报错“Missing package”，但依赖明明已安装怎么办？
最近在用Vite开发项目，每次启动时预构建依赖都会卡住，报错说“Missing package: ‘@vue/reactivity’ required by ‘my-vue-app’”。但packag...
-
1
回答
10浏览
Conventional Commits规范在Vue项目里怎么总报错？
最近在Vue项目里用Conventional Commits规范，但每次提交代码husky检查就报错。比如我写了这样的组件： <template> <button class=&qu...
-
1
回答
11浏览
动态生成大量DOM元素时页面卡顿，如何优化？
我最近在做一个需要动态生成1000个带过渡效果的div的项目，用for循环拼接innerHTML时页面直接卡死了。改用文档碎片（documentFragment）后流畅度有提升，但滚动时依然卡顿。 尝...
-
2
回答
20浏览
GitHub合并分支时冲突怎么解决总是报错？
我在本地用git merge feature-branch合并分支时，有个文件冲突改完后还是报错error: couldn't open 'path/to/file': No such file。已经...
-
2
回答
9浏览
Vite+esbuild构建后代码没压缩？配置哪里出问题了？
最近在项目里集成esbuild做代码压缩，但生产构建出来的JS文件完全没变化。按文档配置了esbuild插件，还尝试过手动设置minify选项，但控制台一直提示warning UNKNW: Unkno...
-
1
回答
34浏览
为什么我的HTTPS页面加载时显示Mixed Content错误？
我在开发一个HTTPS网站时，发现用JavaScript请求HTTP接口会报Mixed Content错误。明明服务器已经配置了SSL证书，为什么还是不行？ 比如这个请求代码： fetch('...
-
2
回答
11浏览
qiankun子应用卸载后页面数据未清除，如何解决？
我在React子应用里用useRef存了一个图表实例数据，但切换到主应用后发现数据还在内存里。按文档加了unmount钩子尝试清除，但控制台报错"Cannot read properties of u...
-
1
回答
9浏览
Speed Index分数高但用户感知加载慢，如何优化？
我在优化电商商品页时，通过压缩图片和合并CSS把Speed Index从6.8秒降到4.2秒，但用户反馈详情图还是卡顿加载。Lighthouse报告显示视觉完成时间4.8秒，但实际打开页面时商品主图要...
