前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
30浏览
Sonar扫描显示JSX元素未正确闭合但代码实际没问题怎么办？
在React项目里跑Sonar扫描时，总提示JSX element 'div' is not closed properly，但代码明明是自闭合的呀。比如这个组件： function Button()...
-
2
回答
17浏览
如何在AJAX请求超时时正确取消未完成的请求？
在做搜索联想功能时，用户快速输入会导致之前的请求还没回来就覆盖了结果。我用XMLHttpRequest尝试用abort()取消，但代码写法好像有问题： let xhr; function search...
-
2
回答
20浏览
微前端架构下子应用路由跳转会触发主应用刷新怎么办？
最近在用qiankyun搭建微前端项目，遇到个奇怪的问题：主应用用react-router管理路由，子应用用了vue-router，当子应用内部跳转路径时（比如从/about到/contact），整个...
-
2
回答
48浏览
为什么我的React组件在频繁更新时性能报告显示LCP和FID变差？
我在开发一个实时数据看板，父组件每秒接收新数据并重新渲染。使用React.memo包裹子组件后，性能报告里LCP从2.3s恶化到4.1s，FID也从50ms变成300ms。明明用了memo，为什么性能...
-
2
回答
23浏览
C++编译的WebAssembly加载时显示找不到导出函数怎么办？
我用emcc编译了一个简单的C++函数到wasm，但在HTML里加载时控制台报错说找不到导出函数"add"。试过检查导出函数名和emscripten的EXPORTED_FUNCTIONS配置，但没找到...
-
2
回答
88浏览
为什么querySelectorAll在动态生成的元素上找不到子元素？
我在页面里动态添加了一个包含标签的div容器，但用querySelectorAll('.dynamic p')一直拿不到子元素。折腾了半天，检查过选择器和元素存在性都没问题，这是怎么回事？ 具体场景是...
-
2
回答
85浏览
HTML表格标签缩进不统一，怎么按规范整理？
最近在维护团队项目时发现，不同开发者写的HTML表格标签缩进方式混乱，有的用2个空格，有的用Tab。比如： <table> <tr><th>标题</th>...
-
2
回答
54浏览
WebAssembly Table对象设置元素时为什么报错？
在用WebAssembly Table对象实现函数动态调用时卡住了。我初始化了一个table，但设置元素时总报错"Index or offset out of bounds"。 代码像这样写的： co...
-
2
回答
39浏览
为什么Axios请求成功但响应数据为空？
我在Vue组件里用Axios请求接口，返回状态是200，但response.data一直是空对象... 代码是这样的： <template> <div>{{ items }}&...
-
2
回答
82浏览
为什么用了cache-loader还是每次构建都重新编译？
在Vue项目里按文档把cache-loader加到loader链开头了，但每次运行npm run build都会重新编译所有文件。之前尝试过删掉node_modules和dist目录，甚至改过load...
-
2
回答
55浏览
为什么我的表单错误提示对屏幕阅读器不可见？
大家好，我在做一个表单验证时遇到了无障碍问题。给输入框加了aria-describedby关联错误提示，但用NVDA读的时候完全没反应，这是为什么呢？ 我按文档这样写的代码： <label fo...
-
1
回答
81浏览
Vue表单提交怎么防CSRF？我的CSRF-Token没生效
大家好，我在做一个Vue项目的时候遇到个问题。按照教程设置了CSRF令牌，但测试发现表单提交还是被拦截了。代码是这样的： <template> <form @submit.preve...
-
2
回答
65浏览
在Vue组件里嵌入自定义Web Components时样式不生效怎么办？
我在用Vue3开发时尝试复用一个自定义的web component my-table，但发现父组件的全局样式没覆盖到它内部元素，比如设置的padding和背景色都没效果。已经试过在父组件样式里加了/d...
-
2
回答
78浏览
使用mini-css-extract-plugin打包后CSS样式在React组件里不显示怎么办？
刚把项目里的style-loader换成mini-css-extract-plugin，结果页面样式全没了。之前用style-loader没问题，现在打包后的css文件能生成，但浏览器里组件样式就是不...
-
1
回答
99浏览
E2E测试中动态类名导致按钮定位失败怎么办？
我在用Cypress做E2E测试时，页面按钮的动态类名总让元素定位失效。比如这个按钮： .button--primary.button-动画-{{timestamp}} 我试过用CSS属性选择器[cl...
-
2
回答
47浏览
WebAssembly线性内存访问越界时为什么会崩溃？
我在用WebAssembly处理图片数据时遇到奇怪的问题，当通过memory.grow()扩展线性内存后，访问特定地址就会导致页面崩溃。明明计算过内存大小了，比如这样设置： const mem = n...
-
2
回答
41浏览
自定义Webpack Loader处理React JSX时语法错误怎么办？
我在写一个自定义Webpack Loader来处理React组件的JSX代码，但总是报"Unexpected token (2:8)"错误。尝试用babylon解析时发现，Loader返回的代码字符串...
-
2
回答
61浏览
React中使用CSS网格布局时，为什么在移动端会出现列重叠？
最近在做一个产品卡片列表的响应式布局，用CSS网格在桌面端显示三列没问题，但手机端测试时两列突然重叠在一起了，调整过断点还是不行... 代码结构是这样的： import './Grid.css'; f...
-
1
回答
45浏览
Prettier配置了单引号和缩进，但代码保存后还是双引号和2个空格？
我在项目根目录设置了.prettierrc文件，配置了singleQuote: true和tabWidth: 4，但保存JS文件时代码还是显示双引号和2个空格缩进。尝试过重启VSCode和运行npx ...
-
1
回答
18浏览
React点击事件后交互时间很高该怎么优化？
我正在做一个待办事项列表，点击按钮会动态渲染1000条数据。发现每次点击后交互时间（Time to Interactive）显示有2-3秒延迟，页面明显卡顿。我用了PureComponent和shou...
