前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
31浏览
为什么 :before 伪元素在 JS 动态添加的元素上不生效？
我用 JavaScript 动态创建了一个 div 并加了 class="tip"，CSS 里写了 .tip::before 来显示小图标，但页面上完全没反应。静态写的同样结构却能正常显示，是不是伪元...
-
1
回答
29浏览
Vite插件中如何正确处理React组件的动态导入？
我在写一个Vite插件，想在transform阶段动态替换某些React组件的导入路径，但总是报“React is not defined”的错误。明明组件本身在项目里能正常跑，插件处理后就不行了。 ...
-
2
回答
26浏览
如何限制 Ajax 并发请求数量避免浏览器卡死？
我正在做一个图片上传功能，用户一次能选几十张图，我用 Promise.all 发起并发请求，结果浏览器直接卡住了，甚至有些请求失败了。试过自己写队列控制，但逻辑太乱没搞定。 是不是应该限制同时进行的请...
-
2
回答
27浏览
为什么页面FCP很高但Lighthouse评分却不错？
我在用 Lighthouse 测速时发现 FCP（首次内容绘制）经常超过 3 秒，但整体性能评分却有 80 多分，这合理吗？是不是我哪里监控错了？ 我页面里有个 loading 动画，用 CSS 控制...
-
2
回答
19浏览
Parcel 打包时为啥找不到我的 CSS 文件？
我用 Parcel 启动项目后，HTML 里引入的 CSS 文件一直报 404，明明路径是对的啊！ 我的 HTML 是这样写的： <!DOCTYPE html> <html lang...
-
2
回答
32浏览
Vite 中引用 public 目录下的图片为什么 404 了？
我刚接触 Vite，把一张 logo.png 放在了 public/images/ 目录下，然后在 HTML 里直接用相对路径引用，结果页面加载时图片显示 404。我试过用 /images/logo....
-
2
回答
30浏览
为什么频繁修改CSS类会导致页面卡顿？
我在React组件里根据状态切换一个元素的CSS类，但发现页面明显变卡了，尤其在低端手机上。是不是频繁操作class会影响性能？ 我试过用useMemo缓存类名，也试过把动画移到transform上，...
-
2
回答
30浏览
前端输出用户内容时怎么防止XSS攻击？
我在做一个评论功能，用户提交的内容直接用 innerHTML 插入到页面上，结果发现如果输入 <script>alert(1)</script> 会被执行，这明显有安全风险。 ...
-
1
回答
35浏览
FCP 太慢，首页白屏时间长怎么办？
我用 React 做了个首页，但 Lighthouse 测出来 FCP 超过 4 秒，用户看到的是一片白屏，特别影响体验。我已经把关键 CSS 内联了，也用了懒加载，但还是没改善。 页面结构很简单，就...
-
2
回答
54浏览
Grunt 中 watch 任务不触发文件变化怎么办？
我用 Grunt 的 watch 任务监听 JS 文件，但改了文件后完全没反应，控制台也不输出任何信息，是不是配置写错了？ 我试过改文件路径、重启 Grunt，甚至换了编辑器保存方式，还是不行。下面是...
-
2
回答
40浏览
微前端中如何正确共享 React 依赖避免重复加载？
我用 qiankun 搭了个微前端项目，主应用和子应用都用了 React 18，但发现子应用加载时又把 React 打包进去了，导致页面报错说存在多个 React 实例。 我试过在 webpack 里...
-
2
回答
41浏览
Webpack 打包后 React 组件体积太大怎么办？
我用 Webpack 打包了一个 React 项目，发现首页加载特别慢。看了下 bundle 分析，发现一个简单的组件居然占了快 200KB，感觉哪里不对劲。 我试过开启 production 模式和...
-
1
回答
32浏览
集成测试时如何模拟用户登录状态？
我在写前端集成测试，用的是 Jest + React Testing Library。现在有个组件依赖用户是否已登录，但不知道怎么在测试里模拟登录状态。 试过直接 mock localStorage，...
-
2
回答
49浏览
前端输入验证到底该在哪儿做？
我最近在做一个用户注册页面，表单里有邮箱、手机号这些字段。后端同事说他们做了校验，但我想在前端也加一层，提升用户体验。可我不确定前端验证到底该做到什么程度？ 比如邮箱格式，我用正则 /^S+@S+.S...
-
1
回答
25浏览
IndexedDB在Vue中打开失败，报错“InvalidStateError”是怎么回事？
我在Vue组件里尝试用IndexedDB存点用户配置，但一调用indexedDB.open()就报“InvalidStateError: Failed to execute 'open' on 'ID...
-
2
回答
204浏览
Webpack 打包后体积太大怎么办？
我用 Webpack 打了个 React 项目，发现 vendor.js 快 2MB 了，首屏加载特别慢。明明只用了几个库，怎么体积这么大？ 我试过配置 splitChunks，但效果不明显，是不是哪...
-
1
回答
24浏览
GraphQL查询返回null，但Apollo Client能收到数据？
我在用Node.js搭的GraphQL服务，前端用Vue + Apollo Client调用，明明network里看到response有数据，但组件里拿到的一直是null，到底哪出问题了？ 我试过检查...
-
1
回答
28浏览
Node.js 接口响应太慢，怎么优化？
我用 Express 写了个 API，请求一多就卡得不行，本地测试都慢到离谱。 试过加 cluster 模块启动多进程，但 CPU 占用飙到 100%，响应时间反而更长了。数据库查的是 MongoDB...
-
2
回答
33浏览
Git 提交时不小心把本地 CSS 修改覆盖了怎么办？
我刚在本地改了一段按钮样式，结果 git pull 的时候没注意，直接把我的修改给覆盖掉了，现在文件变回之前的样子了。我还没 add 过，还能找回吗？ 我改的是这个部分： .btn-primary {...
-
2
回答
33浏览
动态路由参数怎么取不到？明明路径是对的啊
我用 Vue Router 做了个动态路由，比如 /user/:id，想在组件里拿到 id 参数。但 this.$route.params.id 一直是 undefined，控制台也报错说 Canno...
