前端
聚焦前端全栈，结识同频前端伙伴，让前端学习更高效，开发之路更顺畅。
-
2
回答
86浏览
WebAssembly 加载游戏资源时卡在主线程怎么办？
我用 Rust 编译成 WebAssembly 做一个小游戏，但每次加载 WASM 模块都会把页面卡住好几秒，用户根本没法操作。我看别人说可以用 Web Worker，但试了之后发现和主线程通信又特别...
-
1
回答
52浏览
LCP元素加载太慢，怎么优化首屏大图？
我在用 Lighthouse 测速时发现 LCP（最大内容绘制）得分很低，主要卡在首页那张 hero banner 图上。这张图是用 <img> 标签直接引入的，尺寸大概 1920x800...
-
1
回答
41浏览
Git提交时该把dist目录一起提交吗？
我们团队用Vue CLI搭的项目，每次build完都会生成dist目录。我不确定要不要把这个目录也git add进去，因为感觉它属于构建产物，但又怕别人拉代码后没法直接部署。 之前试过不提交dist，...
-
2
回答
40浏览
Git提交时如何避免把本地调试的CSS样式误提交到主分支？
我们团队用的是 Git Flow 工作流，最近几次 pull request 里不小心把本地调试用的 CSS 提交上去了，比如下面这段： .debug-border { border: 2px sol...
-
2
回答
156浏览
Webpack 的 publicPath 到底该怎么配才能加载静态资源？
我用 Webpack 打包了一个前端项目，部署到服务器子路径 /app/ 下，但所有 JS 和 CSS 都 404 了。我试过在 output.publicPath 里写 /app/，也试过写成相对路...
-
1
回答
61浏览
WebAssembly 加密解密时内存数据怎么正确传递？
我用 Rust 编译了一个 WebAssembly 模块，里面有个加密函数，接收一个字符串并返回加密后的字节数组。但在 JS 里调用时，传进去的字符串好像没正确传到 wasm 里，返回的结果也不对。我...
-
1
回答
68浏览
E2E测试中如何正确等待动态加载的CSS动画元素？
我用Cypress写E2E测试时，有个按钮点击后会通过CSS动画淡入一个提示框，但测试经常因为元素还没完全显示就断言失败。我已经试过cy.wait()和cy.get().should('be.visi...
-
2
回答
42浏览
Ajax 请求被缓存了怎么办？
我用 jQuery 发了个 Ajax 请求，结果发现浏览器直接返回缓存数据，根本没发新请求！明明后端数据已经变了，前端却还是旧的。 我试过加时间戳：url + '?t=' + Date.now()，但...
-
2
回答
58浏览
Vite 打包后 HTML 中的静态资源路径为什么不对？
我用 Vite 构建项目后，发现生成的 index.html 里引用的 JS 和 CSS 文件路径是相对路径，部署到子目录时就加载不到了。明明配置了 base 路径，但好像没生效？ 比如我的项目部署在...
-
1
回答
87浏览
hash路由切换时页面不刷新是怎么实现的？
我最近在用React写一个单页应用，用了hash模式的路由，但不太明白为什么改变hash值页面不会整个刷新。比如下面这段代码，点链接后URL变了，但组件确实重新渲染了，这是怎么做到的？ import ...
-
1
回答
59浏览
IndexedDB 事务在异步回调里为啥会失效？
我在一个 fetch 请求的 then 回调里打开 IndexedDB 事务，想把返回的数据存进去，但总是报错说事务已经结束。明明代码是按顺序写的啊？ 我试过把 db.transaction 放在回调...
-
1
回答
36浏览
为什么Chrome DevTools里看不到我写的CSS变量？
我在项目里用了CSS自定义属性（变量），但在DevTools的Styles面板里死活找不到这些变量，调试起来特别麻烦。 我明明在:root里定义了，也确认页面能正常渲染，但DevTools就是不显示。...
-
2
回答
46浏览
浏览器多进程架构中，每个标签页真的是独立进程吗？
最近在看浏览器架构的资料，说现代浏览器用的是多进程模型，但我在任务管理器里观察 Chrome，发现有时候多个标签页共用一个进程，有时候又分开。这到底是什么规则？是不是和同源策略或者 iframe 有关...
-
2
回答
67浏览
Sonar扫描报错“函数复杂度过高”怎么解决？
我们项目接入了Sonar代码扫描，最近提交时老是被拦住，提示“Function has a complexity of 18 which is greater than 10”。我看了下就是个普通的表...
-
2
回答
86浏览
HTTPS到底是怎么保证数据安全的？
最近在做登录功能，发现本地开发用的是HTTP，但上线后必须用HTTPS。我大概知道HTTPS是加密的，但具体怎么加密、什么时候加密、证书又起什么作用，完全搞不清楚。 比如我发个请求：fetch('/a...
-
1
回答
41浏览
HTML5语义化标签到底该怎么用才对？
我最近在写一个博客页面，想用 HTML5 的语义化标签，但有点搞不清 <article>、<section> 和 <div> 到底啥时候该用哪个。 比如文章列表里的...
-
2
回答
27浏览
Rome 打包时怎么处理 CSS 文件导入问题？
我用 Rome 构建项目时，JS 文件里通过 import './style.css' 引入了样式，但打包后发现 CSS 没被处理，页面没样式。查了文档也没找到相关配置，难道 Rome 默认不支持 C...
-
1
回答
36浏览
埋点上报的数据怎么避免重复发送？
我在做用户行为埋点的时候，发现同一个点击事件有时候会上报多次，比如快速连点按钮，或者组件重复渲染导致监听器被多次绑定。这样后台收到的数据就不准了。 我试过在事件回调里加个标志位防止重复提交，但感觉不太...
-
2
回答
41浏览
Express 中如何正确设置静态文件路径？
我在用 Express 搭一个简单的前端页面，把 HTML 和 CSS 放在 public 文件夹里，但浏览器一直报 404 找不到样式文件。我明明用了 express.static 啊？ 这是我的目...
-
2
回答
34浏览
正则表达式怎么匹配中文字符？
我在写一个表单验证，需要限制用户只能输入中文、英文和数字，但我的正则好像对中文不起作用。试过用 /[u4e00-u9fa5]/，但有时候会漏掉一些生僻字或者标点。 比如下面这段代码，输入“你好！”的时...
