前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
50浏览
Vite 打包后首屏加载太慢，怎么优化？
我用 Vite + Vue3 开发了一个项目，本地开发时很快，但 build 之后首屏加载特别慢，Lighthouse 评分很低。我已经试过开启 brotli 压缩和分包，但效果不明显。 是不是我的组...
-
2
回答
54浏览
Vite 里怎么自定义 esbuild 的 JSX 配置？
我在用 Vite 搭建 React 项目，想让 esbuild 支持自动导入 React，但改了 build.jsxInject 好像没生效？ 试过在 vite.config.js 里加这个配置： e...
-
2
回答
54浏览
Vite多页应用中如何正确配置不同页面的入口JS文件？
我用 Vite 搭建一个多页项目，每个页面都有自己的 JS 入口，但打包后发现只有 index.html 的脚本能正常加载，其他页面比如 about.html 引用的 about.js 找不到。我在 ...
-
2
回答
36浏览
npm run dev 启动后 Vue 组件不热更新是怎么回事？
我最近在用 Vue 3 + Vite 搭的项目，本地开发时执行 npm run dev 能正常启动服务，但改了组件代码后页面不会自动刷新，得手动刷新才行。我已经确认开启了 HMR，也试过删 node_...
-
2
回答
48浏览
微前端子应用样式隔离失效怎么办？
我用 qiankun 搭了个微前端项目，主应用和子应用都是 Vue3。本来以为开启 sandbox 就能自动隔离样式，结果子应用的 CSS 还是污染了主应用的按钮样式。 我试过在子应用里加 scope...
-
1
回答
84浏览
Lighthouse 性能报告里的 TTI 和 FCP 到底怎么优化？
我用 Lighthouse 跑了个性能测试，发现 TTI（可交互时间）和 FCP（首次内容绘制）得分特别低，页面明明看起来加载挺快的啊？ 我已经把关键 CSS 内联了，JS 也加了 async，但还是...
-
2
回答
48浏览
为什么浏览器发了 OPTIONS 请求却没发真正的 POST 请求？
我在用 React 调后端接口时，发现控制台里只看到一个 OPTIONS 请求，但我的 POST 请求根本没发出去，这是为啥？后端同事说跨域配置没问题，但我本地开发时就是请求失败。 我试过加 head...
-
2
回答
41浏览
监听 window.onerror 为啥收不到异步错误？
我在项目里加了全局错误监控，用的是 window.onerror，同步的报错都能捕获到，但像 setTimeout 里的错误就收不到了，这是为啥？ 我试过这样写： window.onerror = f...
-
2
回答
51浏览
PWA 的 App Shell 模式到底该怎么实现？
我最近在尝试把一个单页应用改成 PWA，看到很多资料提到 App Shell 架构，说是要先缓存静态 UI，再动态加载内容。但我照着文档写 service worker，发现页面要么白屏，要么刷新后样...
-
2
回答
38浏览
WebAssembly 调试时怎么查看内存变化？
我在用 WebAssembly 写一个图像处理模块，想调试内存里像素数据的变化，但 Chrome DevTools 里的 Memory 面板看不到 wasm 线性内存的具体内容，有啥办法能实时观察内存...
-
1
回答
45浏览
Docker容器里跑Node.js服务，前端Vue页面加载空白怎么办？
我在本地开发时 Vue 项目正常，但打包后放进 Docker 容器，用 Node.js 当静态服务器，页面就一片空白，控制台也没报错，这是啥情况？ 我试过把 dist 目录 COPY 到镜像里，也检查...
-
2
回答
46浏览
单元测试怎么测CSS样式是否生效？
我写了个按钮组件，想用Jest + Testing Library做单元测试，但不知道怎么验证CSS样式有没有正确应用。比如我给按钮加了hover效果，测试里能检测到吗？ 这是我的CSS代码： .my...
-
2
回答
41浏览
Vue项目中如何准确获取首屏加载时间并生成性能报告？
我在用 Vue 3 做一个后台管理系统，想监控首页的首屏加载性能，但不确定该在哪个生命周期钩子里记录时间点。试过在 onMounted 里打点，但发现这时候图片还没加载完，和 Lighthouse 报...
-
2
回答
24浏览
前端路由拦截时如何防止无限重定向？
我在用 Vue Router 做登录权限控制，但一进页面就疯狂跳转到登录页，明显是陷入了死循环。我试过在 beforeEach 里判断 token，没 token 就 redirect 到 /logi...
-
2
回答
46浏览
Ajax请求被CORS拦截，本地开发怎么解决跨域问题？
我在本地用 http://localhost:3000 调用后端接口 http://localhost:8080/api/data，浏览器控制台报错：CORS policy blocked。后端是Ja...
-
1
回答
100浏览
HTML中SEO标签到底该怎么写才有效？
我最近在优化网站的SEO，但对meta标签的写法有点迷糊。比如description和keywords到底要不要写？写了会不会被搜索引擎忽略？ 我试过这样写，但不确定是不是规范的做法： <hea...
-
2
回答
52浏览
微前端子应用卸载时组件没销毁，怎么解决？
我在用 qiankun 搭建微前端项目，主应用加载 Vue 子应用没问题，但切换路由卸载子应用时，发现子应用的组件没有被销毁，生命周期钩子 beforeDestroy 也没触发。是不是我哪里没配对？ ...
-
2
回答
35浏览
Meta标签设置viewport后页面还是缩放异常怎么办？
我在移动端页面加了<meta name="viewport" content="width=device-width, initial-scale=1">，但有些安卓机上页面还是会自动缩放...
-
2
回答
36浏览
Postman怎么发送带Token的请求？Vue里能拿到，但Postman总401
我在Vue里调接口能正常带上Authorization头，但用Postman测试同一个接口总是返回401，是不是我Header写错了？ 这是我在Vue组件里的请求代码： <script> ...
-
2
回答
32浏览
esbuild 打包后为什么 import.meta.url 变成 undefined 了？
我用 esbuild 打包一个使用了 import.meta.url 的 ESM 模块，结果在浏览器里运行时报错说 import.meta 是 undefined。明明开发时直接用原生 ESM 是没问...
