自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 问答 (1)
  • 收藏
  • 关注

原创 基于el-table的表头吸顶方法

摘要:本文介绍了一个实现el-table表头吸顶效果的通用mixin方案。通过elHeadFixMixin.js提供的方法:1) 初始化时获取表格和表头位置信息;2) 监听滚动事件动态计算是否达到吸顶条件;3) 响应式处理窗口大小变化。实现要点包括:使用debounce优化性能,通过CSS变量(--fix-w)动态设置固定宽度,预留占位div防止内容跳动。调用时只需在$nextTick中传入表格DOM元素即可启用该功能,支持设置是否超过表格底部停止吸顶的边界控制。

2025-11-25 18:22:15 120

原创 表格表单校验总结

摘要:本文介绍了如何在element-ui中实现表格内嵌表单验证功能。通过el-form包裹el-table的方式,在el-table-column中使用el-form-item实现表单验证,重点解决了动态prop绑定问题,实现表格行数据的统一校验

2025-11-18 17:04:02 107

原创 使用decimal.js处理高精度计算场景实践

本文介绍了使用decimal.js库解决JavaScript浮点数精度问题的实用工具函数。通过封装Decimal类,提供了高精度的四则运算(toFixed、decMul、decDiv、decSub、decAdd)和小数位处理(fixedBit)功能。这些函数能有效避免0.1+0.2≠0.3等精度问题,支持指定小数位数和截取处理,适用于财务计算等需要精确计算的场景。使用时只需简单调用相应函数即可获得准确结果,如decAdd(0.1,0.2)返回预期的0.3。

2025-11-06 17:45:57 201

原创 分享一个兼容性的复制功能

摘要:文章介绍了一个增强浏览器复制功能兼容性的方案。最初使用navigator.clipboard API实现复制功能,但在某些低版本浏览器或非安全上下文中会失效。改进方案采用三级处理:1)优先使用现代Clipboard API;2)降级使用传统的execCommand方法;3)最终提供手动复制对话框。方案通过创建临时文本框和模态对话框,确保在各种环境下都能提供复制功能,并给出了完整的代码实现和测试示例。

2025-10-31 16:17:11 156

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除