前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
27浏览
FID指标高是不是因为点击事件没优化？
最近用Lighthouse测性能，发现FID（首次输入延迟）经常超过100ms，页面点按钮老是卡一下。我明明没写啥复杂逻辑啊，是不是哪里没处理好？ 比如这个简单的按钮，点击后只是切换个class，但F...
-
1
回答
29浏览
为什么本地React项目调用API会报CORS错误？
我用create-react-app搭了个小项目，想调公司内网的一个测试接口，但一请求就报CORS错误。明明后端同事说已经加了允许跨域的头，可浏览器还是拦着不让发请求。 我在本地开发环境（http:/...
-
2
回答
40浏览
为什么用 mini-css-extract-plugin 提取的 CSS 在 Vue 组件里不生效？
我用 Webpack 的 mini-css-extract-plugin 把 CSS 单独抽出来了，但发现 Vue 组件里的样式根本没加载，页面一片空白。明明 build 出来的 CSS 文件有内容，...
-
1
回答
30浏览
PWA中fetch拦截不生效是怎么回事？
我在写一个PWA应用，想用Service Worker拦截网络请求做缓存，但发现fetch事件根本没触发。注册了SW也成功了，但页面请求还是直接走网络，没进self.addEventListener(...
-
1
回答
30浏览
前端路由鉴权怎么做才能防止用户直接访问页面？
我在用 Vue Router 做后台管理系统，想限制未登录用户不能进 /admin 页面。现在是通过 router.beforeEach 判断 token，但刷新页面后还是会闪一下内容，而且直接输入 ...
-
2
回答
36浏览
前端安全审计时如何防止XSS攻击？
最近在做项目的安全审计，发现用户输入的内容直接渲染到页面上，担心有XSS风险。比如下面这段代码，把用户昵称直接插进HTML里，会不会被注入脚本？ <div class="user-info"&g...
-
2
回答
29浏览
Vite 里怎么自定义 esbuild 的 JSX 配置？
我用 Vite 搭了个 React 项目，想改 esbuild 的 jsxFactory 配置，但不知道在哪配。试过在 vite.config.js 里加 build.esbuild，但好像没生效？ ...
-
1
回答
51浏览
Grid 布局中如何让子项自动填满剩余空间？
我在用 CSS Grid 做一个两列布局，左边固定宽度 200px，右边想让它自动占满剩下的空间，但试了 1fr 却没效果，不知道是不是写法有问题。 我的代码是这样的： .container { di...
-
2
回答
20浏览
TypeScript里怎么正确声明一个可选的函数参数？
我写了一个函数，想让第二个参数是可选的，但TS一直报错说类型不匹配。试过加问号和默认值都不行，是不是哪里写错了？ 比如下面这样： function greet(name: string, title?...
-
1
回答
25浏览
为什么 unhandledrejection 监听不到 Promise 错误？
我在项目里加了 window.addEventListener('unhandledrejection', ...)，但有些 Promise 报错根本没触发这个监听，控制台报红了但监控没收到。明明是没...
-
1
回答
47浏览
Vite打包后React组件样式丢失了怎么办？
我用Vite + React开发的项目，本地运行一切正常，但执行 npm run build 打包部署到线上后，发现部分组件的CSS样式完全没生效，控制台也没报错，这是啥情况？ 我试过把样式写在组件内...
-
1
回答
26浏览
PWA离线缓存为啥不生效？
我用 Workbox 配置了 PWA 的离线缓存，但刷新页面还是提示没网就打不开，缓存好像根本没起作用。 我在 sw.js 里用了 registerRoute 缓存 HTML 和静态资源，也确认 se...
-
2
回答
35浏览
组件命名到底该用驼峰还是短横线？
最近在写 Vue 组件时纠结死了，有的同事用 UserInfoCard.vue，有的用 user-info-card.vue，官方文档好像两种都出现过？我按驼峰命名后，在模板里写成 没问题，但有人说是...
-
2
回答
28浏览
微前端中如何正确共享 React 依赖避免重复加载？
我在用 qiankun 搭建微前端项目时，主应用和子应用都用了 React，结果发现 React 被加载了两次，控制台还报了 Invalid hook call 的错误。明明已经在 webpack 里...
-
2
回答
32浏览
Monorepo 中如何正确配置 TypeScript 的路径别名？
我在用 pnpm 搭建的 Monorepo 项目里，根目录下有多个 package，比如 shared 和 web。在 shared 里定义了一些工具函数，web 里想通过 @shared/utils...
-
2
回答
25浏览
async/await 里怎么正确处理多个异步请求的加载状态？
我用 async/await 写了个函数同时发两个请求，想在都完成后再更新页面。但 loading 状态老是控制不好，有时候一个完成了就提前关了 loading，结果第二个还没回来。试过用 Promi...
-
2
回答
17浏览
正则表达式怎么匹配中文字符？
我在写一个表单验证，想用正则判断用户输入的是否是中文，但试了几个写法都不对。比如我用了 /[u4e00-u9fa5]/，结果输入“你好123”也能通过，明明里面有数字啊！ 是不是这个正则只匹配了部分字...
-
2
回答
33浏览
commitlint 校验不生效是怎么回事？
我按照教程配置了 commitlint 和 husky，但提交的时候根本没触发校验，直接就 commit 成功了。本地也装了 @commitlint/cli 和 @commitlint/config-...
-
1
回答
30浏览
为什么浏览器发了 OPTIONS 请求却没发真正的 POST 请求？
我用 fetch 发一个跨域 POST 请求，结果只看到浏览器自动发了个 OPTIONS 预检请求，但后续的 POST 根本没发出去。后端也确认没收到 POST，控制台也没报错，就是卡住了。我试过加 ...
-
2
回答
39浏览
Webpack 打包后 HTML 中的图片路径为什么 404 了？
我用 Webpack 打包项目，HTML 里直接写了 img 标签引用 public 目录下的图片，本地开发没问题，但 build 之后图片路径变成 /img/logo.png，实际打包后图片在根目录...
