首页
学习
活动
专区
圈层
工具
发布
首页标签前端工程化

#前端工程化

在 Vue 3 和 React 中,el-table 那种“虚拟滚动+动态行高”到底该怎么落地?

用户1839651

表格组件在后台系统里几乎是刚需,但当数据量上千行、每行内容高度又不固定时,浏览器会直接卡成幻灯片。很多人第一反应是找现成的虚拟滚动库,可用在 el-table ...

000

Vue 3 中如何正确监听元素尺寸变化:ResizeObserver 与自定义指令的实战

用户1839651

做后台管理系统的图表模块时,经常遇到一个情况:容器宽度明明是 100%,图表初始化后却挤在角落,或者拖拽侧边栏后图表没有重新计算尺寸,留出大片空白。这类问题大多...

000

URLSearchParams 的隐藏坑:为什么你的查询参数总是多一个加号?

超哥前端记录

处理带查询字符串的 URL 时,很多人习惯用 URLSearchParams 来拼接或解析参数,毕竟它是浏览器原生 API,比手写 encodeURICompo...

3810

别再用 moment.js 了:从 date-fns 重构 20 个日期处理场景的真实记录

用户1839651

项目里 moment.js 的包体积和可变性坑了很多次。打包分析里 moment + locales 占了 300KB 以上,Tree-shaking 几乎无效...

7310

报名表单填到一半退出,回来数据还在吗:H5 表单草稿的自动保存与多端恢复

用户5598620

用户在活动报名 H5 里填了姓名、手机号、选好了场次,接个电话、切个后台,回来页面一刷新,全没了,只能重填。对报名、预约、问卷这类以收集信息为目的的 H5 来说...

8110

官网一发版用户就看到旧页面、样式还错乱:静态资源 contenthash、强缓存与缓存破坏的发版方案

用户5598620

官网每次发版后,最常见的几类客诉是:"我看到的还是旧页面""排版和图片全乱了""按钮点了没反应"。

5900

用 AbortController 取消 fetch 请求时,组件卸载后的状态更新怎么处理

用户12771345

在单页应用里,用户快速切换路由或反复触发搜索时,经常会出现一个组件已经卸载,但之前发出的 fetch 请求才刚返回,然后回调里执行 setState 导致 Re...

9910

在前端项目中定期清理 localStorage:一个容易被忽视的过期策略

超哥前端记录

做后台系统时经常把一些不敏感的状态塞进 localStorage,比如展开的菜单、表格列宽、临时筛选条件。时间一长,这些键值越积越多,用户换了设备或者需求变更后...

9210

如何让history模式下的SPA在刷新子路由时不404——Nginx与Vite配合的完整路径

用户12771345

用 Vue Router 或 React Router 的 history 模式时,本地开发一切正常,点链接跳转也顺滑,但一旦部署到 Nginx 或静态托管平台...

16410

别急着关掉 sourceMap,它能在生产环境救你一命

超哥前端记录

线上报错日志里出现 app.3f7a2b.js:1:48291 这种堆栈时,你盯着压缩后的单行代码基本看不出问题在哪。很多人第一反应是去本地复现,反复刷新、切换...

12910

Vite 构建时如何自动生成并注入 Web Worker 实例

用户1839651

在维护一个数据可视化项目时,我需要把大量 CSV 解析和坐标计算从主线程挪到 Web Worker 里,避免页面在加载数据时卡死。项目用 Vite 构建,开发时...

12300

Vite 开发环境为什么比 Webpack 快?从预构建与原生 ESM 说起

超哥前端记录

很多人第一次从 Webpack 切到 Vite 时,最直观的感受就是 npm run dev 几乎秒开,改代码后热更新也快得不太真实。但真要把项目迁过去,又会遇...

13910

官网改版后旧链接全变404?一张301映射表加死链巡检把收录接回来

用户5598620

官网改版、更换建站系统、重新规划栏目结构后,最常见的“暗伤”就是旧链接集体失效:原来被搜索引擎收录、被外部文章引用的页面,一夜间全部变成404。结果是自然流量下...

12610

AI 前端工程化:上下文、规范与验证如何形成开发操作系统

老猫-Bond

当 AI 开始参与整个开发过程,团队需要的就不再是更多零散工具,而是一套让工具能够协同工作的开发操作系统。

12610

官网做多语言,翻译一缺就显示key?前端国际化的词条回退链与无刷新切换方案

用户5598620

企业官网一旦要面向海外客户做多语言,真正难的不是引入一个国际化库,而是上线后那些细碎的翻车:某处翻译没填,页面直接把 home.banner.title 这种词...

12110

同一个H5轻应用跑在微信、企微和浏览器:JSBridge能力差异探测与优雅降级方案

用户5598620

很多轻应用为了传播方便,用一套 H5 同时投放到微信、企业微信、钉钉和普通手机浏览器。问题随之而来:同一个“扫码”动作在微信里走微信接口、在企业微信里是另一套、...

11210

一边做业务一边做重构:将真实债务项目重构成 AI 可维护项目

被删

腾讯 | 前端开发 (已认证)

在 AI 很强的现在,依然很多人会认为,AI 更适用于新项目快速迭代,但很难在一个背负着沉重的历史包袱的项目中起到很大的用处。

25532

H5 加了 Service Worker 反而"更新不出来":缓存策略与版本激活的正确顺序

用户5598620

给 H5 轻应用加离线能力、做资源缓存,本来是为了让二次打开更快、弱网下也能用,但很多团队第一次接入 Service Worker 都会遇到同一个反直觉问题:代...

12210

官网后台传张图就转半天:前端压缩、EXIF 方向纠正与质量阶梯落地

用户5598620

内容后台、官网 CMS 里最常见的隐性性能问题,是运营或编辑直接把手机拍的原图传上来:一张四五 MB、分辨率四千多像素的 JPEG,塞进正文图位后既拖慢上传、又...

13610
领券