前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
295浏览
为什么本地文件用 fetch 请求 JSON 会报 CORS 错误？
我最近在本地开发一个静态页面，想用 fetch('data.json') 加载同目录下的 JSON 文件，结果浏览器控制台报错：「Access to fetch at 'file:///.../dat...
-
2
回答
34浏览
Webpack打包后怎么分析bundle体积过大问题？
最近项目打包出来的 bundle.js 快 2MB 了，明显感觉首屏加载变慢，但不知道具体是哪些模块占的空间大。 我试过用 webpack-bundle-analyzer，但在 webpack.con...
-
2
回答
30浏览
微前端子应用卸载后事件监听器没清除怎么办？
我在用 qiankun 搭建微前端项目，子应用卸载时发现之前绑定的全局事件监听器还在，导致内存泄漏。明明在 unmount 里写了 removeEventListener，但好像没生效。 比如下面这段...
-
1
回答
26浏览
CSS混合模式为啥在背景图上不生效？
我给一个div加了背景图，然后想用mix-blend-mode: multiply让它和下面的文字混合，但完全没效果，是哪里不对？ 试过给父容器加isolation: isolate也没用，代码大概是...
-
2
回答
32浏览
Lerna 发布时怎么排除某些包不发布？
我用 Lerna 管理一个 monorepo，里面有十几个包，但其中两个是内部工具，不想发布到 npm。试过在 lerna.json 里加 ignore，但好像没生效，publish 的时候还是列出来...
-
2
回答
22浏览
TypeScript里怎么正确处理可选属性的类型推断？
我在写一个接口的时候，有些字段是可选的，比如 user?: string，但当我从 API 拿到数据后直接解构赋值，TS 就报错说可能为 undefined。我试过加 ! 断言，但感觉不太安全，有没有...
-
2
回答
32浏览
Vite插件里怎么拦截并修改HTML内容？
我正在写一个Vite插件，想在开发服务器启动时动态修改index.html里的某个meta标签，但试了transformIndexHtml钩子好像没生效，控制台也不报错。 我查了文档说要用transf...
-
2
回答
34浏览
事件委托怎么拿不到动态添加的子元素数据？
我用事件委托给一个 ul 绑定了点击事件，想通过 e.target 获取 li 里的 data-id，但新 append 进去的 li 点击后拿不到属性，老的却可以。是不是我写法有问题？ 我试过把事件...
-
2
回答
35浏览
路由元信息里怎么传动态参数啊？
我在用 Vue Router 做权限控制，想在路由的 meta 里加个角色字段，但有些页面的角色是根据用户类型动态决定的，直接写死肯定不行。试过在路由守卫里改 meta，比如 to.meta.role...
-
1
回答
40浏览
点击劫持防护怎么加才有效？
我在做公司后台系统，听说要防点击劫持，就试着在 HTML 里加了 X-Frame-Options: DENY，但好像没生效？页面还是能被别人用 iframe 嵌套。 后来查资料说要用 Content-...
-
2
回答
33浏览
前端漏洞扫描工具报XSS风险，但我用了DOMPurify啊？
最近用公司内部的漏洞扫描工具扫了下项目，结果提示有个输入框存在XSS风险。可我明明已经用 DOMPurify 对用户输入做了清洗，不知道问题出在哪。 我的代码大概是这样： <div id="us...
-
2
回答
40浏览
Node.js 中 try-catch 为啥捕获不到异步错误？
我在写一个 Vue 项目，用 axios 调后端接口，但 Node.js 服务端的异步操作出错时，try-catch 根本抓不到，页面直接白屏了，这咋办？ 我试过在 async 函数里加 try-ca...
-
2
回答
24浏览
Redux DevTools 为什么在浏览器里找不到？
我按照文档装了 Redux DevTools 浏览器扩展，也在代码里加了 devTools: true，但打开 Chrome 开发者工具还是看不到 Redux 那个 tab，是我哪里漏了吗？ 这是我的...
-
2
回答
37浏览
Node.js用cluster模块启动多个进程后，React前端怎么连？
我用 Node.js 的 cluster 模块起了多个工作进程，但前端 React 应用发请求时老是连不上，或者偶尔 502。是不是端口没配对？我主进程监听的是 3001，前端代码里写死了这个端口： ...
-
1
回答
57浏览
CSS变量在媒体查询里为啥不生效？
我在写响应式布局时，想用CSS变量控制不同屏幕下的字体大小，但发现媒体查询里修改变量后，页面没反应。明明语法看起来没问题啊。 我试过这样写： :root { --font-size: 16px; } ...
-
2
回答
37浏览
如何准确监控前端页面的首屏加载时间？
我在做性能优化，想监控用户看到首屏内容的时间，但不确定该用哪个指标。 试过用 performance.timing.domContentLoadedEventEnd，但发现它和用户实际看到内容的时间对...
-
2
回答
28浏览
前端监控中如何准确采集 CSS 加载失败的数据？
我在做前端异常监控，想采集 CSS 文件加载失败的情况，但发现 onerror 事件在 link 标签上不生效。试过动态创建 link 并监听 error，但有些浏览器根本不触发，导致监控漏报。 比如...
-
2
回答
66浏览
Nginx 配置完反向代理后页面加载空白怎么办？
我本地用 Vue 开发了一个前端项目，打包后放到 Nginx 里，想通过反向代理访问后端 API，但配置完之后页面完全空白，控制台也没报错。 我试过直接访问静态文件是正常的，但加上 proxy_pas...
-
2
回答
34浏览
拖拽时 ondragover 事件不生效是怎么回事？
我在做一个简单的拖拽上传功能，但发现拖拽元素到目标区域时，ondragover 事件好像没触发，导致 drop 也无效。我明明加了 preventDefault，但还是不行。 这是我的 HTML 结构...
-
1
回答
58浏览
媒体查询在手机上不生效是怎么回事？
我写了一个媒体查询，想在手机上把字体变小点，但在真机上完全没反应。我用的是 @media (max-width: 768px)，本地浏览器模拟器里是好的，一到手机就失效了。 是不是漏了什么 meta ...
