前端

我在React项目里配置了Webpack的压缩和Tree Shaking，但打包体积还是很大。比如这个组件里只用了lodash的get方法： import _ from 'lodash�...

我在项目里用了source-map，但控制台报错的行号还是指向打包后的bundle.js，而不是源代码文件。比如这个函数报错时显示的是第3421行，但实际代码只有3行： function calcul...

在用qiankun做微前端时，主应用和子应用样式互相污染，明明配置了styleScope，但子应用的样式还是影响了主应用的组件，折腾了一下午没搞定，求大神指点！ 主应用配置： import { reg...

我在用Vue3+Vue Router做面包屑导航时遇到了问题。项目是嵌套路由结构，比如访问/articles/123时，面包屑应该显示「首页 > 文章列表 > 文章详情」，但实际只显示了当...

在React项目里引入Normalize.css后样式没变化，应该怎么办？我之前在public/index.html里通过CDN引入过，但页面元素的默认样式还是没调整。后来又试着在App.js里用im...

在用Vue Router做页面切换时，给router-view加了标签和CSS动画，但新旧页面会同时显示半秒，出现重叠闪烁。试过设置appear和调整css时长都没用，这是怎么回事？ 代码是这样的： ...

在Vue项目里给babel-loader加了thread-loader，配置了workers:3，但打包时间反而比之前长了十几秒，这是什么情况？ 代码是这样写的： module.exports = {...

我按照教程给Webpack加了HappyPack做多线程打包，结果发现打包速度比之前更慢了！明明配置了4个线程，控制台还报错说"Worker crashed and was killed: Error...

我在用Lerna管理Monorepo时，子项目引用了其他包的代码，运行时报Error: Cannot find module '@shared/util'。之前用lerna bootstrap安装过依...

在用Reflect.set给对象赋值时发现没有变化，但直接用obj.key=新值却可以修改，这是怎么回事？比如： const obj = { count: 0 }; Reflect.set(obj, ...

我在用Skeleton CSS做PWA骨架屏时遇到个怪问题：页面第一次加载时骨架屏正常显示，但等服务工作线程缓存加载完成时，页面会突然闪一下白屏再恢复内容。我检查了代码也没发现问题，这是为什么呢？ 我...

最近在优化项目性能，压缩了图片用了懒加载，LCP降到2.5秒了，但移动端Performance Score还是只有45分左右，桌面端却有90多分，这是为什么呢？ 我检查过代码，首屏已经用动态导入分割了...

我在用WebAssembly导入C函数时遇到了问题。导出的函数需要接收一个包含x/y坐标的对象参数，但调用时总报错说类型不匹配。 尝试过把对象转成JSON字符串再传入，但Wasm端解析时字符串长度超过...

最近给项目加了错误率监控，设置的是5分钟内错误率超过5%就告警，但总收到重复告警通知。比如某个接口返回404导致错误率飙升，但修复后第二天同一时段又因为其他错误触发。试过调整阈值到10%，但明显感知到...

在做搜索筛选功能时，点击按钮动态修改路由参数，但页面没重新加载。用router.push({ params: { categoryId: id }})后地址栏变了，但数据没更新。 试过用watch监听...

我在用Vue写一个表单提交功能，突然发现用axios发POST请求到后端PHP接口时，浏览器直接报CORS错误，明明昨天还能正常工作... 前端代码没改过，就是普通的axios配置：axios.pos...

我在用Webpack打包项目时，打包后的图片资源总是报404错误。虽然在output里设置了publicPath: './'，但访问时路径还是变成/static/img/logo.png导致找不到文件...

我在用PostCSS处理CSS时遇到问题，当写@custom-media和CSS变量时，编译总报Unknown word错误。已经装了postcss-preset-env和autoprefixer。 ...

我在开发一个React应用时遇到了FID（最大内容绘制）分数总是卡在100ms以上的问题。用户点击按钮后延迟特别明显，尤其是在移动端。我尝试给处理函数加了async，还用了setTimeout延迟非关...

我在用Canvas画矩形路径时，明明设置了closePath，但最后一条边总是断开的。比如这样画： function drawRect(ctx, x, y, w, h) { ctx.beginPath...