前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
24浏览
React Router懒加载配置后页面刷新报404怎么办？
在用React Router v6做路由懒加载时，正常点击导航能加载组件，但直接刷新页面或通过地址栏访问就会报404。我用了动态导入：const About = lazy(() => impor...
-
2
回答
38浏览
设置Meta viewport后移动端页面还是缩放异常怎么办？
我在开发响应式页面时，给HTML加了viewport标签，但手机访问时页面还是自动缩放导致布局错乱。试过把代码放在第一行：<meta name="viewport" content="width...
-
2
回答
30浏览
装饰器为什么无法修改类的方法参数？
我在用装饰器封装API请求时遇到了问题，给类方法加了装饰器想自动处理参数，但发现参数始终没被修改。 比如这个装饰器： function apiLogger(target, name, descript...
-
2
回答
68浏览
为什么我的页面用了懒加载图片，Performance Score还是低？
最近在优化一个产品展示页，里面有很多大图。我给所有图片加了loading="lazy"属性，还用了Intersection Observer手动优化，但Lighthouse测出来的Performanc...
-
2
回答
27浏览
在Vue项目中选择构建工具时，Webpack和Vite有什么关键区别？
我们在准备迁移一个中型Vue项目时遇到了选型困惑。之前用Webpack打包要等十几秒，但同事说Vite可能更流畅。试过用Vite初始化后热更新确实快，但项目依赖了一些旧版loader，比如vue-lo...
-
2
回答
50浏览
Git合并分支后CSS样式被覆盖怎么办？
最近团队用Git Flow协作时，我合并了一个feature分支到develop，发现某个组件的CSS样式被意外覆盖了。比如原本在.header里设置了background: #333;，但合并后变成...
-
2
回答
30浏览
Webpack的splitChunks配置为什么没生效？大文件还是被打包在一起
在配置Webpack optimization.splitChunks时，我把minSize设置成30000，但发现第三方库还是被打包到vendor chunk里了，难道我的配置有问题？ 之前尝试过这...
-
2
回答
37浏览
esbuild打包后动态导入路径变成绝对路径导致404怎么办？
用esbuild打包项目时，代码里用动态导入：import('./component')，但打包后路径变成了绝对路径，比如 /project/dist/component.js，导致浏览器加载时404...
-
2
回答
43浏览
为什么我的网页LCP和FID评分总是不达标？
最近在优化项目Web Vitals，用了懒加载和代码分割，但LCP还是超过4秒，FID也经常低于100ms。明明已经把大图都换成webp格式了，loading="lazy"也加了，这是怎么回事？ 用L...
-
2
回答
50浏览
为什么React中使用useState后，Chrome的Blink引擎没有立即更新DOM？
我写了一个简单的计数器组件，点击按钮时用useState更新count，但发现Chrome里DOM的显示总比state慢半拍。比如第一次点击后，控制台打印count是1，但页面还是显示0，再点第二次才...
-
2
回答
58浏览
React PWA安装提示无效，如何让桌面安装按钮正常工作？
我在React项目里用create-react-app配置了PWA，manifest和service worker都正常注册了。但点击桌面安装按钮时没有任何反应，控制台也没报错。已经按照文档添加了be...
-
2
回答
41浏览
为什么用了虚拟滚动后列表滚动还是卡顿？
我在一个Vue项目里用v-for渲染2000条列表项，滚动特别卡。试过vue-virtual-scroller但没改善，控制台没报错，FPS还是掉到30以下。这是我的代码： <template&...
-
2
回答
35浏览
React按钮点击响应慢导致FID分数差怎么办？
我在做一个React任务列表应用，用户点击删除按钮时经常出现明显延迟，导致Lighthouse测出来的FID分数只有58。代码里用了setTimeout模拟异步操作，但实际项目里这个延迟更严重： fu...
-
2
回答
26浏览
Vite的动态导入优化在新版本变慢了怎么办？
最近在升级项目到Vite 4时发现动态导入的代码分割反而更慢了，明明按照文档配置了build.rollupOptions.output.manualChunks，但打包后的vendor.js还是有3M...
-
2
回答
45浏览
JWT刷新时旧token未及时回收导致重复登录怎么解决？
我在用JWT做登录鉴权时遇到个问题，用户在A设备刷新token后，旧token居然还能在B设备正常登录，这样用户明明退出了怎么还会被绕过？ 我的实现逻辑是这样的：用户登录成功后存储token到loca...
-
2
回答
35浏览
为什么我的PerformanceObserver获取不到mark标记的性能数据？
我用Performance API给页面关键节点加了performance.mark()标记，但通过PerformanceObserver获取数据时一直为空，这是怎么回事？ 我按照文档写了这样的代码：...
-
2
回答
60浏览
为什么设置了Cache-Control但浏览器还是重新请求资源？
我正在优化网站静态资源加载，按照教程设置了Cache-Control: public, max-age=3600，但发现每次刷新页面时资源都会重新请求。用开发者工具看响应头确实有这个字段，但网络标签显...
-
2
回答
106浏览
为什么在Lighthouse测试中首屏加载时间反而变长了？
最近在给项目做性能优化，把公共代码抽离成vendor chunk，还给图片加了懒加载，但Lighthouse测出来的首屏时间反而从2秒变成3秒了。明明控制台Network里总下载量少了200kb，这是...
-
2
回答
74浏览
为什么Axios请求拦截器没触发？请求头没添加进去
我给Axios设置了请求拦截器，想统一加token，但发现请求头里根本没有Authorization字段。我直接在拦截器里打log也看不到输出，这是怎么回事？ 代码是这样写的： axios.inter...
-
2
回答
16浏览
React表单验证时，如何同时检查多个输入框不能为空？
我在做注册表单时遇到问题，用户名和邮箱两个输入框都需要验证不能为空。现在用了useState保存表单数据，提交时只检查了用户名是否为空，但邮箱没检查到还是会提交成功，该怎么同时验证多个字段？ 现在代码...
