前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
32浏览
IntersectionObserver在React组件卸载后还会触发回调怎么办？
最近用IntersectionObserver做图片懒加载，发现组件被滚动出屏幕销毁后，observer居然还在触发回调！ 代码是这样写的，useEffect里创建了observer，但组件卸载时没清...
-
1
回答
46浏览
Node.js Transform流处理大文件时内存占用一直飙升怎么办？
我在用Vue组件上传文件到Node.js后端，想通过Transform流实时处理超大日志文件。但发现内存占用持续上涨，处理500MB文件时直接爆了。 试过设置highWaterMark=1024*10...
-
2
回答
42浏览
single-spa应用中，子应用如何共享全局变量而不冲突？
最近在用single-spa搭建微前端架构，有两个子应用需要共享用户登录状态。我在父应用里设置了window.user = {name: 'admin'}，但Vue子应用能读到这个变量，React子应...
-
2
回答
83浏览
为什么我的Vue页面TTI指标这么高？优化后没明显改善？
我最近在优化一个Vue页面的性能，发现TTI指标一直卡在8秒以上。我尝试用了懒加载组件和代码分割，但测试下来TTI还是没降下来。这是我的页面组件代码： {{ largeData }} export d...
-
1
回答
46浏览
Vue DevTools突然无法显示组件树了怎么办？
今天升级到Vue 3.2.31后，DevTools的组件树和状态都变成了灰色不可用。已经重装过插件和依赖，但控制台一直报错： [Vue Devtools] incompatible Vue versi...
-
2
回答
34浏览
Express怎么让所有模板都能用的全局变量突然失效了？
我在用Express做项目时，之前设置的全局变量突然在模板里显示undefined了。之前在app.js里这样配置的： // app.js app.locals.siteName = '我的博客'; ...
-
2
回答
22浏览
ESLint规则冲突导致技术债务增加该怎么平衡？
最近团队统一了ESLint配置，但发现某些规则在紧急迭代时特别影响效率。比如必须用立即执行函数包裹组件逻辑，但快速修Bug时总想直接导出函数。 试过把规则设为warn，但同事说这样失去规范意义。现在每...
-
1
回答
60浏览
为什么我的JavaScript Error监控没有捕获到Promise中的错误？
我给window绑定了onerror和onunhandledrejection，但发现Promise里的reject错误没有被监控到。比如这个代码： window.onerror = (msg, ur...
-
2
回答
30浏览
为什么我的POST请求会触发CORS错误？虽然GET没问题
我用jQuery发POST请求到另一个域名的接口，控制台直接报错： // 报错信息片段： Fetch API cannot load http://api.example.com/data. Resp...
-
1
回答
34浏览
为什么我的类装饰器无法修改组件的默认属性？
我正在用React写一个组件，想用类装饰器给组件设置默认props，但发现装饰器里的修改好像没生效： function withDefaults(target) { target.defaultPro...
-
2
回答
24浏览
为什么我的AJAX请求突然报跨域错误？
最近在做一个前后端分离的项目，前端跑在localhost:3000，后端API在localhost:8080。之前用fetch请求都能正常跨域，但今天突然开始报错： fetch('http://loc...
-
2
回答
34浏览
React中使用Server-Sent Events时事件监听未触发怎么办？
最近在做一个实时聊天功能，用React配合Server-Sent Events实现。按照文档写了如下代码，但控制台始终没看到消息输出，连错误都没有。页面加载时确实能看到网络请求建立了，但消息监听就是没...
-
1
回答
33浏览
Fiddler抓不到HTTPS请求的响应内容怎么办？
用Fiddler调试时发现，发给https://api.example.com的请求在会话里显示为空响应体，明明已经安装了证书。 我写了个测试页面用fetch调用接口：<pre class=&q...
-
2
回答
26浏览
ESLint配置中extends顺序会影响规则优先级吗？
在项目里同时用了airbnb和vue的ESLint配置，调整extends顺序后报错还是没解决，这是怎么回事？ 我设置了这样的配置文件： module.exports = { extends: [ '...
-
2
回答
60浏览
为什么我的PWA通知在某些浏览器显示不全？
我给PWA加了Notification功能，测试时发现Chrome和Edge显示正常，但Firefox和Safari里的图标和标题都挤在一起，调整过manifest里的icons和通知选项里的imag...
-
2
回答
38浏览
Redux DevTools为什么不记录异步操作的中间状态？
在用Redux Toolkit处理API调用时，发现DevTools时间轴里只有最终的success状态，中间的pending状态完全没显示。明明在slice里设置了extraReducers处理pe...
-
1
回答
30浏览
React表单同时触发HTML原生验证和自定义提示怎么办？
最近在做注册表单时遇到个奇怪问题，我用了HTML5的required和pattern属性做基础验证，同时又在React里写了自定义错误提示。结果当用户输入不符合正则时，浏览器默认的红色边框和弹窗跟我的...
-
1
回答
40浏览
WebAssembly Instance导出函数调用时参数类型报错怎么办？
最近在用WebAssembly的Instance对象调用导出的add函数，传入两个数字直接报错，提示“Uncaught (in promise) CompileError: Expected f32,...
-
2
回答
32浏览
为什么我的PWA安装提示总是不显示？
最近在做PWA的时候遇到了个怪问题，按照文档注册了service worker和manifest，浏览器开发者工具里也显示安装可用，但就是没看到系统安装提示弹窗 我检查了服务端配置确实在用HTTPS，...
-
1
回答
27浏览
React项目中子组件应该如何组织目录结构？容易混淆的文件夹该怎么处理？
最近在拆分Header组件时遇到了目录结构混乱的问题。比如现在有一个Header组件，里面包含搜索栏和用户信息两个子组件。我之前把子组件都放在和Header.js同一级的目录，但这样文件太多后找起来很...
