前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
84浏览
Promise链里的then为什么没接住前面的错误？
我在用Promise链处理异步请求时遇到个怪问题，按教程写了个链式调用： fetch('api/data') .then(response => { if (!response.ok) thro...
-
2
回答
31浏览
为什么LCP值在监控工具和手动测试时差距这么大？
最近给项目加了Web Vitals监控，发现LCP值经常显示在5秒以上，但用Lighthouse测试明明只有2秒多，手动F12模拟3G网络也能达标。 尝试过把大图换成webp格式，给所有图片加了懒加载...
-
2
回答
44浏览
Canvas绘制圆形移动时为什么会拖出尾巴？
我在用Canvas做小球移动动画时，发现圆形移动会留下拖影。用clearRect尝试清除画布没成功，每次调用draw方法都直接绘制新位置。代码逻辑是setInterval调用draw函数，里面先画圆形...
-
1
回答
34浏览
Parcel打包React项目时CSS样式不生效怎么办？
最近用Parcel打包React项目，发现导入的CSS文件样式完全没生效。我已经按官方文档配置了，代码也没报错，但页面就是没样式。之前用Webpack没问题，Parcel是不是有什么特殊设置？ 比如在...
-
2
回答
44浏览
媒体查询在移动端失效，但桌面端正常怎么办？
我在做一个响应式布局，给移动端写了媒体查询，但手机访问时样式完全没变化。我检查过代码，桌面端缩小窗口到768px以下是可以触发的。尝试过清除浏览器缓存也不行，是不是哪里写错了？ 代码是这样的： @me...
-
2
回答
38浏览
React Router history模式刷新页面出现404怎么办？
在用React Router v6实现单页应用时，配置了BrowserRouter和Routes，但直接访问嵌套路由路径（比如/users/123）或者刷新页面会报404错误，服务器找不到文件。已经检...
-
2
回答
54浏览
PWA服务工作者更新后，用户如何自动获取新版本而不手动刷新？
我在React项目里用了PWA，服务工作者注册没问题，但发现用户更新时得手动刷新才能看到新内容。我尝试在useEffect里检查更新： if ('serviceWorker' in navigator...
-
2
回答
33浏览
Vite项目集成esbuild后为什么组件样式无法正确加载？
最近在尝试给Vue3项目集成esbuild优化构建速度，但发现组件内的CSS样式完全没效果了。我已经按照文档在vite.config.js里配置了esbuild插件，但页面样式显示异常： 测试内容 ....
-
2
回答
34浏览
WebStorm的代码格式化总是覆盖我的自定义缩进设置怎么办？
我在用WebStorm开发Vue项目时，每次格式化代码（Ctrl+Alt+L），它都会把我的4空格缩进强制改成2空格。虽然我修改过Settings → Editor → Code Style → Ja...
-
2
回答
66浏览
async函数里的await为什么没按顺序执行两个API请求？
我在写一个表单提交功能，需要先检查用户名是否可用再提交注册信息。用async/await写完后发现第二个请求总是先执行，导致报错。代码逻辑明明是按顺序写的啊... async function reg...
-
2
回答
55浏览
React中Canvas绘制图形时，为什么每次渲染都会重复叠加？
在React组件里用Canvas画了一个矩形，每次修改状态重新渲染时，新旧图形会叠加显示，怎么才能让每次绘制覆盖之前的图形呢？ 我尝试这样写代码，但问题依旧存在： class DrawCanvas e...
-
2
回答
33浏览
esbuild打包后CSS变量未生效怎么办？
我在用esbuild打包项目时遇到个怪问题，定义的CSS变量在浏览器里显示未解析： :root { --primary-color: #3498db; } .button { background: ...
-
2
回答
48浏览
React项目中集成XMind JavaScript API时报错’XMind未定义’怎么办？
最近在做一个需要导出XMind格式思维导图的React项目，按官方文档引入了他们的JavaScript API，但总报错说'XMind is not defined'。 我尝试在public/inde...
-
2
回答
29浏览
GitHub Actions CI流水线每次运行都会重新安装依赖，缓存策略没生效怎么办？
最近在给项目配置GitHub Actions的CI流水线，按照教程设置了npm缓存，但每次提交代码后还是能看到`npm install`重新执行，缓存似乎没起作用。我的工作流配置里明明写了`npm c...
-
1
回答
24浏览
PWA安装提示弹窗样式被覆盖，怎么调整才能生效？
最近在给项目加PWA功能，安装提示弹窗样式总是被覆盖成默认样式，搞不懂为啥我的CSS没起效... 我按文档写了安装提示的样式： .prompt-dialog { background: #2A2A2A...
-
2
回答
43浏览
React组件中定义的props未使用时，如何优雅处理ESLint警告？
在开发React组件时，我经常会遇到ESLint提示"props未被使用"的警告。比如定义了一个Table组件接收data和isLoading两个props，但有时候某个props暂时没用的时候：fu...
-
2
回答
35浏览
webpack配置source-map后为什么看不到原始代码？
大家好，我在webpack里设置了devtool: 'source-map'，但浏览器调试时还是显示打包后的代码，原始ES6语法全编译成ES5了，这是为啥？ 我已经在output里指定pathinfo...
-
2
回答
60浏览
拖拽元素时为什么位置偏移了？
在做可拖拽卡片列表时遇到了奇怪的问题，当我拖动卡片到新位置时，元素实际移动的位置总是比鼠标指针偏右20px左右。 我已经给卡片元素设置了draggable="true"，并通过dragstart记录了...
-
1
回答
23浏览
Axios拦截器里如何统一处理401错误但页面没跳转？
在项目里给Axios加了响应拦截器处理401，发现虽然能捕获到状态码，但跳转登录页的逻辑完全没执行。之前试过用window.location.replace('/login')，但页面还是卡在当前页没...
-
2
回答
92浏览
微前端子应用样式被主应用CSS覆盖该怎么排查？
我在用qianky进行微前端项目整合时，发现子应用的按钮样式总被主应用覆盖。 主应用用了这种带深色主题的通用样式：<pre class="pure-highlightjs line-n...
