- 博客(29)
- 收藏
- 关注
RSS订阅原创 防抖与节流：从概念到实战，一次彻底搞懂
防抖解决“抖动触发太多”，强调最终结果。节流解决“持续触发太快”，强调稳定节奏。最后一次重要，用防抖。过程反馈重要，用节流。生产可用实现必须带，并在组件卸载时清理。
2026-04-08 17:18:11
289
原创 el-table斜线表头：给表头加上斜线分隔
开始是将相对定位的父盒子设置为斜线所在单元格，后来发现外层有自带的边距，导致斜线不能贴在角上，所以使用了整个table作为父盒子。两侧文字和斜线都使用定位，左侧列的单元格宽高需要固定。
2026-03-03 10:56:27
58
原创 git config设置git快捷指令实现便捷代码提交
其中push-master是自定义的这条快捷的名称，--global表示全局设置。查看全局配置，可以看到刚才配置的这条指令。
2026-01-19 11:02:08
237
原创 el-table制作可编辑表单组件
template><script>props: {value:{// 父组件v-model绑定的prop},//只支持数字default(){},//允许小数default(){},//小数位default(){return 2;},//是否可编辑},data() {return {isBlur: true, // 解决赋值时光标自动定位到起始位置},mounted(){},watch: {},},methods: {// 输入事件},
2026-01-14 11:46:38
220
原创 el-table特定行标红（使用row-class-name）
定义方法，设置满足某条件时返回类名（可以传两个参数，row和rowIndex）给el-table加上:row-class-name="方法名"
2025-11-12 17:14:12
251
原创 el-input限制只能输入数字、小数点、负号，并限制小数点后位数（vue自定义指令）
let input_ele = e.target // 获取触发事件的 输入框元素let val = input_ele.value //获取输入框当前值let decimalPlaces = parseInt(binding.arg) //获取小数位数限制（binding：包含vue指令信息的对象，arg：指令参数）if (val) {//小数的情况：if (binding.modifiers.negative) {// 修饰符对象为negative时：（允许负数）
2025-11-10 19:02:14
213
原创 js常用脱敏方法：手机号脱敏、姓名脱敏、身份证脱敏、邮箱脱敏、金额脱敏等
金额脱敏：有小数点时隐藏整数部分；无小数点：不多于3位，脱敏第1位；4-6位脱敏前2位；多于6位脱敏从第3位开始中间4位。身份证脱敏：显示前 1、5、6、7、8、9、10、11、12、18 位。护照等其他证件脱敏：显示前后各1/3。邮箱脱敏：脱敏@前字符串的后5位。手机号脱敏：保留前3位和后4位。姓名脱敏：脱敏第一个字。
2025-11-08 11:20:22
476
原创 vue时间区间选择器组件：快速获取起止日期、设置默认日期选择范围（基于el-date-picker）
vue时间区间选择器组件：快速获取起止日期、设置默认日期选择范围（基于el-date-picker）
2025-10-30 13:55:52
168
1原创 vue小知识点：el-image实现网页图片预览大图（preview-src-list属性使用）
el-image实现网页图片预览大图（preview-src-list属性使用）
2025-10-15 19:06:21
274
原创 h5适老化前端实现方案-两套样式
h5适老化前端实现：定义两套CSS样式，normal.css普通样式，elder.css适老化样式，通过调接口等方式获取当前是否适老化，根据返回结果全局引入相应样式，开发环境也可手动引入
2025-10-11 16:03:31
231
原创 vue通过配置计算属性projectName实现一套代码多个项目
本文介绍了前端通过配置计算属性实现多项目复用代码的解决方案。通过projectName区分不同项目，比如实现后台管理系统列表项差异化展示（如v-if条件渲染）和移动端H5复用JS逻辑但独立HTML/CSS。
2025-10-09 19:27:10
376
原创 用CSS自定义vant中toast样式
如何用CSS自定义toast轻提示样式。通过设置自定义类名或直接使用van-toast类名，可以手动修改toast的宽高、图标大小、字体等样式。需要注意的是，自定义样式时不能使用scss和scoped，否则会导致样式不生效。文章提供了完整的CSS样式代码，帮助开发者快速实现美观的toast提示效果。
2025-07-22 16:31:36
461
原创 快速理解Vue3中Pinia里的subscribe方法使用
subscribe方法是Pinia中的监听器函数，有点像watch，但监听的是store中的状态（数据/state）变化，在store中的状态变化时会执行自定义逻辑。可用于调试和定位问题、记录日志后续分析、触发操作（比如保存到本地存储等）
2025-03-23 21:51:38
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人