前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
1
回答
40浏览
为什么我的媒体查询在移动端没生效？
我写了一个响应式页面，用媒体查询在小屏下隐藏某个元素，但在手机上打开还是显示的。我检查了 viewport meta 标签也加了，CSS 语法看起来也没错，就是不生效，特别奇怪。 我还试过用 Java...
-
1
回答
25浏览
如何准确监控页面首屏加载时间？
我在做性能优化时想监控用户看到首屏内容的时间，但不确定该用哪个 Performance API。试过 performance.timing.domContentLoadedEventEnd，但这好像只...
-
1
回答
23浏览
Cache API 缓存的资源怎么更新不生效？
我在 Service Worker 里用 Cache API 缓存了静态资源，但改了 JS 文件后刷新页面还是加载旧的，明明已经更新了版本号啊。 我试过在 install 事件里换新的缓存名，比如从 ...
-
1
回答
23浏览
PWA 的 service worker 在 DevTools 里一直显示未注册，怎么回事？
我本地开发一个 PWA 应用，已经写了 service worker 注册逻辑，也在控制台看到没有报错，但打开 Chrome DevTools 的 Application 面板，Service Wor...
-
1
回答
23浏览
自定义事件在React中怎么触发和监听？
我在React里想用自定义事件实现父子组件通信，但试了几次都没反应，不知道是不是用法不对。 我用new CustomEvent创建了一个事件，在子组件里dispatchEvent，父组件用addEve...
-
1
回答
33浏览
前端错误日志上报为啥有时候收不到数据？
我在项目里用 navigator.sendBeacon 上报错误日志，本地测试都能发出去，但线上偶尔就收不到，特别是一些白屏或者卡死的场景。是不是这些情况下 sendBeacon 也失效了？ 我试过换...
-
1
回答
26浏览
前端路由切换时如何加过渡动画？
我在用 Vue Router 做页面切换，想给路由组件加个淡入淡出的过渡效果，但试了几次都不生效。官方文档说要用 包裹 ，我也照做了，可动画就是没出来。 我的写法大概是这样： <transiti...
-
1
回答
55浏览
为什么本地 HTTPS 接口请求会被浏览器拦截？
我在本地用 Node.js 搭了个 HTTPS 服务，证书是自签名的，浏览器访问时点了“高级”→“继续前往”能打开页面。但页面里用 fetch 请求同一个域名的 API 时，却直接报错说不安全，连提示...
-
1
回答
23浏览
前端如何防止用户输入的脚本被直接执行？
我在做一个评论功能，用户提交的内容会直接显示在页面上。但测试时发现如果输入 alert(1)，居然真的弹窗了！这不就XSS了吗？ 我试过用 innerText 代替 innerHTML，但这样连正常的...
-
1
回答
26浏览
为什么Vue项目部署后刷新页面还是加载旧版本？
我用 Vue3 写了个后台管理系统，打包部署到 Nginx 上之后，用户反馈说改了内容但刷新页面还是看到旧的界面。我试过在 index.html 里加 meta 禁用缓存，也试过给静态资源加 hash...
-
1
回答
23浏览
FCP 和 LCP 到底哪个更能反映用户真实体验？
我在用 Lighthouse 测性能时发现 FCP 是 1.2s，LCP 是 3.5s，用户反馈页面“感觉慢”。但首屏内容明明很快出来了，为啥体验还是差？ 是不是应该更关注 LCP？之前试过懒加载图片...
-
1
回答
23浏览
PWA 更新时用户怎么才能立刻用上新版本？
我做了一个 PWA 应用，上线后发现用户经常卡在旧版本，即使我更新了 service worker 也没用。试过在 register 之后手动调 registration.update()，但好像还是...
-
1
回答
29浏览
如何在React中准确监控组件渲染耗时？
我在做性能优化时想监控某个React组件的渲染时间，但用performance.now()测出来的结果不太稳定，有时候差几十毫秒，不知道是不是方法不对。 我目前是在useEffect里记录开始和结束时...
-
1
回答
26浏览
Rollup打包时如何正确处理CSS文件？
我用Rollup打包一个组件库，里面有些JS模块import了.css文件，但打包时报错说无法解析CSS。我装了rollup-plugin-postcss，也配置了，但生成的bundle里没有包含样式...
-
2
回答
24浏览
HTML元素的class命名到底该用驼峰还是短横线？
我在写一个用户卡片组件，纠结class名字怎么起才规范。看到有的项目用驼峰比如userCard，有的用短横线比如user-card，到底哪种更符合前端规范？ 我试过用驼峰命名，但同事说HTML里应该用...
-
1
回答
32浏览
为什么 fetch 请求本地 JSON 文件会跨域？
我在本地用 VS Code 直接打开 HTML 文件，然后用 fetch 加载同目录下的 data.json，结果控制台报 CORS 错误，明明文件就在同一个文件夹里啊！ 我试过把 json 文件内容...
-
1
回答
21浏览
HTML标签嵌套不规范会影响代码质量吗？
我在写一个简单的登录表单时，为了快速布局直接把 <div> 嵌在了 <p> 里面，但同事说这样不符合规范，可页面看起来没问题啊？是不是小题大做了？ 下面是我写的那段代码： &l...
-
2
回答
36浏览
lint-staged 只检查暂存区文件吗？为什么我改了没 add 的文件也被格式化了？
我刚配置了 lint-staged + husky，想只对 git add 过的文件做 eslint 和 prettier 检查。但奇怪的是，我改了一个还没 add 的文件，提交时它居然也被格式化了！...
-
1
回答
40浏览
PWA中fetch拦截不生效是怎么回事？
我在service worker里写了fetch事件监听，想缓存接口请求，但发现根本没进拦截逻辑，页面请求还是直接走网络。 注册sw没问题，install和activate都能触发，就是fetch事件...
-
2
回答
28浏览
前端路由鉴权怎么做才不会闪现未授权页面？
我在用 Vue Router 做后台管理系统，想在进入某些路由前判断用户是否登录。现在的问题是，即使我在 beforeEach 里写了跳转逻辑，页面还是会先闪一下目标组件，然后才跳回登录页，体验很不好...
