前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
44浏览
React Router中如何正确传递和接收路由参数？
我在用React Router v6做项目时，想从一个页面跳转到详情页并传个id过去，但接收的时候一直拿不到。我试过用useParams，但打印出来是空对象，不知道哪里出错了。 我的路由配置和跳转代码...
-
2
回答
49浏览
Node.js 中如何正确设计多级路由结构？
我正在用原生 Node.js 写一个后端服务，想把用户相关的接口放在 /api/users 下，但不知道怎么组织路由文件才清晰。现在所有逻辑都堆在主入口里，代码越来越乱。 试过自己写中间件匹配路径前缀...
-
1
回答
51浏览
为什么本地开发时 fetch 请求后端接口会跨域？
我在本地用 vite 启动前端项目（localhost:5173），调用公司测试环境的 API（比如 https://api.test.com/user），浏览器直接报 CORS 错误，说“跨源请求被...
-
2
回答
47浏览
Vite 依赖预构建为什么总在启动时重新执行？
我用 Vite 搭了个 React 项目，每次 npm run dev 启动时都会看到 “Pre-bundling dependencies” 的提示，明明之前已经跑过一次了，为什么还会重新预构建？是...
-
1
回答
35浏览
SameSite Cookie 设置后登录状态不生效是怎么回事？
我最近在 React 项目里处理登录逻辑，后端设置了 Set-Cookie 响应头，包含 SameSite=Lax 和 Secure。但我在本地开发时（http://localhost:3000）发现...
-
2
回答
22浏览
前端渲染用户输入时如何防止 XSS 攻击？
我在做一个评论功能，用户提交的内容直接用 innerHTML 插到页面上，结果发现如果用户输入带 script 标签的内容，会被执行！这明显有 XSS 风险。我试过用 DOMPurify，但项目不允许...
-
1
回答
63浏览
Rust编译成WASM后怎么在浏览器里调用导出的函数？
我用wasm-pack build把Rust代码编译成了WebAssembly，也生成了js绑定文件，但在浏览器里import之后调用导出的函数一直报错，说函数未定义。是我漏了什么初始化步骤吗？ 我的...
-
1
回答
45浏览
Ajax请求为啥总是被CORS拦截？
我在本地用 http://localhost:3000 调后端接口 http://api.example.com/data，浏览器一直报 CORS 错误，明明后端说已经加了跨域头啊？ 我试过在 fet...
-
2
回答
50浏览
Ajax 请求被缓存了怎么办？
我用 fetch 发起一个 GET 请求获取用户数据，但发现第二次请求直接返回了缓存结果，根本没发到服务器！明明后端数据已经变了。 试过在 URL 后面加时间戳参数，比如 ?t=Date.now()，...
-
1
回答
52浏览
前端性能测试怎么测首屏加载时间？
我在做项目优化，想测一下首屏加载时间，但不知道用什么工具或者方法比较准。试过用 performance.now() 手动打点，但感觉不太靠谱，因为首屏内容动态渲染的，怎么判断“首屏”到底什么时候算完成...
-
2
回答
34浏览
用Emscripten编译C++到WASM后，如何正确导出和调用带std::string参数的函数？
我用Emscripten把一段C++代码编译成WASM，里面有个函数接收std::string参数，但在JS里调用时总是报错或者传参不对。查了文档说要处理内存分配，但具体该怎么做？ 我的C++函数大概...
-
1
回答
51浏览
微前端中如何正确共享 React 依赖避免重复加载？
我在用 qiankun 搭建微前端项目，主应用和子应用都用了 React，但发现子应用会重新加载一份 React，导致 bundle 体积变大，还报了 React 重复加载的警告。 我尝试在 webp...
-
1
回答
45浏览
WebAssembly 的 Table 对象怎么在 React 里调用？
我在 React 项目里尝试使用 WebAssembly 的 Table 对象来管理函数引用，但一直报错说 "table.get is not a function"。明明我已经从 wasm 模块导出...
-
2
回答
31浏览
WebAssembly 启用 SIMD 后在 Vue 项目中报错怎么办？
我在 Vue 项目里尝试用 WebAssembly 的 SIMD 指令加速图像处理，本地开发能跑，但一构建上线就报 "SIMD is not supported"。明明浏览器支持 SIMD 啊，是不是...
-
1
回答
23浏览
PWA中fetch拦截不生效是怎么回事？
我在Service Worker里写了fetch事件监听，想缓存网络请求，但好像根本没触发，页面请求还是直接走网络。是不是注册顺序有问题？ 我试过把register写在DOMContentLoaded...
-
1
回答
41浏览
Webpack打包后怎么分析bundle里到底包含了哪些模块？
我用Webpack打包完项目，发现vendor.js特别大，想看看里面到底塞了哪些依赖，但不知道怎么生成分析报告。试过加--analyze参数，但好像没生效？ 网上说要用webpack-bundle-...
-
2
回答
30浏览
PWA离线缓存为什么没生效？
我按照教程给项目加了 Service Worker 和 Cache API，但刷新页面后还是没法离线访问，控制台也没报错，到底哪里出问题了？ 我注册了 sw.js，在 install 事件里缓存了首页...
-
2
回答
52浏览
FMP指标怎么测？为什么我用PerformanceObserver拿不到？
我在做性能监控，想采集 FMP（First Meaningful Paint）指标，但发现用 new PerformanceObserver 监听 paint 类型时，只拿到 fcp，根本没看到 fm...
-
2
回答
51浏览
事件冒泡怎么阻止不了？我用了 stopPropagation 还是触发了父级点击
我在做一个弹窗组件，点击按钮打开弹窗，然后点击弹窗外的遮罩层关闭。但问题是，点击按钮时，不仅触发了按钮的点击事件，还冒泡到了外层容器，导致弹窗刚打开就立刻关闭了。 我已经在按钮的点击回调里写了 e.s...
-
2
回答
42浏览
LCP元素加载太慢，怎么优化首屏图片的LCP？
我用React做了一个首页，首屏有一张大图，Lighthouse测出来LCP特别差，有4秒多。明明图片已经加了loading="lazy"，但好像没起作用？ 我试过把图片放CDN、压缩到200KB以内...
