前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
45浏览
如何为CSS文件设置合理的性能预算？
我们团队最近在做性能优化，想给CSS资源设置一个性能预算，比如限制主样式文件不超过100KB。但我发现即使我删掉了很多样式，打包后的CSS还是超了。是不是有些隐藏的开销没考虑到？ 比如下面这段基础重置...
-
1
回答
33浏览
闭包导致的变量共享问题怎么解决？
我在写一个循环绑定点击事件的代码，发现所有按钮点完都输出同一个值。明明每次循环 i 都不一样，但点击后都是 5。我查了说是闭包的问题，但不太明白为啥。 试过用 let 替代 var，确实好了，但老项目...
-
1
回答
31浏览
Vite 和 Webpack 在处理 HTML 模板时有什么区别？
我最近从 Webpack 切换到 Vite，发现 HTML 文件的处理方式好像不太一样。比如我有个简单的入口 HTML，在 Webpack 里用 HtmlWebpackPlugin 能正常注入 JS，...
-
1
回答
42浏览
IntersectionObserver 在 Vue 中不触发回调是为什么？
我在 Vue 里用 IntersectionObserver 监听一个元素是否进入视口，但回调一直没执行，不知道哪里出错了。 我已经确认元素确实滚动到了可视区域，也试过调整 threshold 和 r...
-
2
回答
56浏览
前端安全审计时怎么判断CSS有没有安全风险？
最近在做项目的安全审计，听说CSS也可能有安全问题，比如XSS之类的。但我一直以为CSS是静态样式，不会执行代码，所以有点懵。 我试过用一些在线工具扫描，但没报错。不过我们有个动态加载用户自定义主题的...
-
2
回答
37浏览
PWA在iOS上为啥不支持添加到主屏幕？
我用React做了一个PWA应用，Android上能正常添加到主屏幕，但在iOS Safari里点“添加到主屏幕”后，图标和启动画面都不对，而且离线也用不了。是不是iOS根本不支持PWA啊？ 我试过加...
-
2
回答
37浏览
Canvas绘制的图片为什么模糊不清？
我在用 Canvas 绘制一张 200x200 的 PNG 图片，但显示出来特别模糊，明明原图是清晰的。是不是我哪里设置错了？ 我试过直接用 ctx.drawImage(img, 0, 0)，也试过指...
-
2
回答
34浏览
微前端子应用之间如何共享全局状态？
我在用qiankun搭微前端，主应用和两个React子应用都需要读写同一个用户信息，试过用Redux但每个子应用是独立的store，改了主应用的state子应用根本感知不到，这要怎么搞？ 比如主应用登...
-
1
回答
39浏览
Webpack DllPlugin 打包后 CSS 样式丢失了怎么办？
我用 Webpack 的 DllPlugin 把 React 和一些公共库单独打包了，但发现页面上的样式全没了。明明没动 CSS 文件，也不报错，就是样式不生效。 我项目里有段全局样式是这样写的： b...
-
2
回答
39浏览
PWA在Lighthouse中总是拿不到满分，哪里出问题了？
我按照教程配置了manifest.json和service worker，本地测试也缓存正常，但用Lighthouse跑分时“PWA优化”这一项总卡在90多分，提示“未设置启动画面”和“地址栏不匹配”...
-
1
回答
27浏览
单元测试里怎么 mock 一个 axios 请求？
我在写 Jest 单元测试时，组件里用了 axios.get 请求数据，但每次跑测试都会真的发请求，特别慢还容易失败。试过用 jest.mock('axios')，但不知道怎么模拟返回值。 有没有人能...
-
2
回答
22浏览
如何正确给自定义按钮添加无障碍支持？
我用 div 做了一个按钮，点击能触发操作，但屏幕阅读器好像读不出来。加了 role="button" 也不行，是不是还缺啥？ 试过加上 tabindex="0" 让它能聚焦，键盘也能按回车触发，但读...
-
1
回答
76浏览
CSS滤镜blur()为什么对子元素失效了？
我在给一个容器加了 filter: blur(2px)，但发现里面的文字和图片都没模糊，只有背景色模糊了？是不是哪里写错了？ 我试过把 filter 直接加到子元素上，结果整个布局都乱了……下面是我的...
-
2
回答
29浏览
Lighthouse跑分时为什么总提示“未建立缓存策略”？
我用 Lighthouse 测性能，每次都会报“未建立缓存策略”，但我的静态资源明明加了 Cache-Control: max-age=31536000 啊。是不是哪里没配对？ 我用的是 Nginx，...
-
1
回答
29浏览
如何正确为自定义按钮添加无障碍支持？
我用 <div> 做了一个按钮，点击能触发功能，但用屏幕阅读器读不出来。我加了 role="button"，但好像还不够？按 Tab 键也聚焦不到它。 是不是还得加 tabindex？或者...
-
2
回答
42浏览
Charles抓包为什么看不到本地React开发的HTTPS请求？
我在用 create-react-app 搭建的项目里调用后端接口，本地启的是 https://localhost:3000，但 Charles 完全抓不到这些请求，明明代理已经开了，其他 HTTP ...
-
2
回答
30浏览
前端密码加密到底该怎么做才安全？
我在做登录页面，用户输入的密码直接传给后端总觉得不安全，想在前端先加密一下。但不知道用什么方式合适，试过用 crypto-js 做 MD5，结果发现好像还是能被破解？ 而且我看到有人说前端加密没意义，...
-
1
回答
43浏览
PWA 在 Chrome DevTools 里怎么调试 Service Worker 不生效？
我按照教程注册了 Service Worker，本地开发时在 Chrome 的 Application 面板里能看到注册信息，但一刷新就没了，状态一直是 "redundant"。我试过清除缓存、硬刷新...
-
2
回答
18浏览
Monorepo 中如何正确共享工具函数而不打包重复代码？
我用 pnpm 搭了个 Monorepo，里面有个 shared 包导出了一些工具函数，但在 apps 里引用时发现每个子项目都把 shared 的代码打包进去了，导致体积变大。明明 shared 是...
-
1
回答
38浏览
Turbopack 为什么无法正确处理我的 HTML 入口文件？
我刚用 Turbopack 启动了一个简单的静态页面项目，但发现它好像不识别我的 HTML 入口文件，页面加载后是空白的，控制台也没报错。我试过把 HTML 放在 src 目录下，也试过根目录，都不行...
