前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
49浏览
页面性能监控中如何准确获取首屏加载时间？
我在做前端性能监控，想统计用户看到首屏内容的时间，但发现 performance.timing 里的 loadEventEnd 和 domContentLoadedEventEnd 都不太准，有时候 ...
-
1
回答
38浏览
React DevTools 为什么在 Chrome 里安装了却没显示组件面板？
我在 Chrome 装了 React Developer Tools 扩展，也打开了开发者工具，但就是找不到 React 组件那个标签页，试过刷新页面和重启浏览器都不行。 我的项目是用 create-...
-
1
回答
53浏览
Canvas画出来的图形为什么显示不出来？
我照着教程写了个简单的Canvas画矩形的代码，但页面上啥也看不到，控制台也没报错。是不是哪里漏了？我检查了canvas的宽高和getContext，看起来没问题啊。 这是我的HTML代码： <...
-
2
回答
15浏览
语义化版本号怎么用？改了CSS样式该升哪个版本？
我最近在维护一个UI组件库，用的是语义化版本（SemVer）。现在改了一个按钮的hover颜色，属于视觉调整但没改API，不确定该升补丁版本还是次版本。比如我把这段CSS改了： .btn-primar...
-
2
回答
56浏览
SourceMap上传后为什么线上错误还是看不到源码位置？
我们项目用Webpack打包，本地调试时SourceMap能正常定位到源码，但部署到线上后，虽然我把.map文件也传上去了，Sentry里报错还是显示压缩后的代码位置，根本没法看。是不是我漏了什么配置...
-
1
回答
64浏览
为什么本地开发时 HTTPS 请求会被浏览器拦截？
我在本地用 http://localhost:3000 开发一个前端项目，调用公司测试环境的 HTTPS 接口时，浏览器直接报错说“Mixed Content”，请求根本发不出去。明明接口地址是 ht...
-
2
回答
186浏览
Webpack 打包后体积太大怎么办？
我用 Webpack 打了个 React 项目，结果 vendor.js 快 2MB 了，页面加载特别慢，有没有什么靠谱的优化方法？ 我已经试过配置 splitChunks，但效果不明显。还用了 co...
-
1
回答
22浏览
PWA后台同步注册失败是怎么回事？
我在尝试给PWA加上后台同步功能，但调用register()时一直报错，说“Background Sync is not supported”。明明我是在本地localhost下测试的，Chrome也...
-
1
回答
253浏览
老项目里到处是 var，现在该不该全换成 let/const？
我们接手了一个三四年前的老前端项目，里面大量使用 var 声明变量，有些函数作用域混乱得不行。我想趁重构机会统一改成 let/const，但又怕改出问题——毕竟有些地方依赖了 var 的变量提升特性。...
-
2
回答
23浏览
Vite社区插件太少怎么办？
最近用 Vite 搭了个新项目，结果发现好多功能找不到现成的社区插件，比如我想加个 SVG 雪碧图合成功能，搜了一圈只有零星几个过时的包。 Webpack 时代随便一搜就有十几种方案，现在转到 Vit...
-
2
回答
17浏览
BEM命名中嵌套块的类名该怎么写才规范？
我最近在用 BEM 写一个商品卡片组件，结构大概是“卡片里有标题、价格、按钮”。按照 BEM 规范，主块是 product-card，那里面的按钮应该叫 product-card__button 没问...
-
1
回答
31浏览
Prettier 格式化 CSS 时为什么把我的嵌套规则搞乱了？
我最近在项目里配置了 Prettier，但发现它格式化 CSS 的时候，会把我在 SCSS 里写的嵌套规则直接打平，导致样式失效。明明 .prettierrc 里也没改什么特殊配置，就是默认设置。这到...
-
1
回答
35浏览
IntersectionObserver 在 Vue 中监听元素进入视口不生效？
我在 Vue 3 项目里用 IntersectionObserver 做懒加载，但回调一直没触发。页面滚动时完全没反应，控制台也没报错。我试过把 root 设为 null，threshold 改成 0...
-
1
回答
33浏览
HTML表单的required属性为啥有时候不生效？
我在写一个简单的登录表单，给input加了required属性，但有时候提交表单居然没触发验证，直接就发出去了，这是啥情况？ 我试过在Chrome和Firefox里测试，有的时候能拦住，有的时候点提交...
-
2
回答
48浏览
WebAssembly导出的函数怎么在JS里调用不生效？
我用Rust编译了一个.wasm文件，导出了一个add函数，但在JS里调用时总是undefined，不知道是哪步出错了。已经确认wasm加载成功了，但instance.exports里看不到我的函数。...
-
2
回答
29浏览
前端安全审计时如何防止CSS注入风险？
最近在做项目的安全审计，发现有个用户自定义主题的功能，允许传入CSS字符串动态应用样式。我担心这里会有CSS注入漏洞，比如用户输入恶意代码破坏页面或窃取数据。虽然我用了DOMPurify处理HTML，...
-
1
回答
36浏览
为什么我的CSS动画在性能监控中导致掉帧严重？
我在做一个加载动画，用了简单的scale变换，但用Chrome DevTools的Performance面板录屏时发现每秒帧数经常掉到30以下，甚至更低。明明只是个简单的放大缩小，不应该这么卡啊？ 我...
-
1
回答
23浏览
Node.js里怎么正确处理RESTful API的PUT请求参数？
我用Express写了个RESTful接口，GET和POST都好好的，但PUT请求拿不到前端传的参数，req.body一直是空对象。 我已经加了app.use(express.json())中间件，P...
-
1
回答
43浏览
为什么 fetch 请求本地 JSON 文件会跨域？
我在本地开发时用 fetch('data.json') 加载同目录下的 JSON 文件，结果浏览器报 CORS 错误，明明文件就在同一个文件夹里啊？ 我试过直接双击 HTML 文件打开，也试过用 VS...
-
2
回答
219浏览
PWA离线时骨架屏怎么正常显示？
我在做 PWA 应用，加了骨架屏提升加载体验，但发现一旦离线（比如关掉网络），骨架屏的样式就没了，页面直接白屏。我试过把骨架屏相关的 CSS 内联到 HTML 里，也确认 service worker...
