- 博客(266)
- 收藏
- 关注
RSS订阅原创 基于Vue 3和Element Plus利用h、render函数写一个简单的tooltip局部or全局指令
本文介绍了在Vue3项目中实现文本溢出显示Tooltip功能的三种方案：1) 自定义指令v-ellipsis-tooltip，通过检测文本宽度自动添加省略号和提示图标；2) 全局注册指令方式，无需重复引入；3) 封装MyTooltipWrapper组件，通过插槽简化使用。核心实现包括：使用Range API检测文本溢出、ElementPlus的Tooltip组件展示完整内容、动态渲染提示图标。三种方案均支持响应式更新，适用于需要文本截断并提示完整内容的场景，开发者可根据项目需求选择适合的实现方式。
2025-12-11 19:28:37
247
原创 基于Vue 3和Element Plus实现简单的钩子函数管理各类弹窗操作
本文介绍了基于Vue 3和Element Plus的弹窗组件实现方案。核心是通过useModal钩子函数管理弹窗状态，利用h函数安全渲染内容避免XSS风险，采用nextTick确保弹窗正确显示。组件支持多种操作类型（添加、编辑、删除等），根据状态调用不同API，并为复杂场景提供自定义内容渲染。示例展示了删除和设为默认模板两种操作，强调了对于简单弹窗应优先使用Element Plus内置组件。该方案实现了弹窗逻辑与UI的分离，提升了代码复用性和安全性。
2025-11-04 14:49:59
436
原创 基于Vue 3和Element Plus的el-tooltip写组件（适用于pc端和h5端）
基于element-plus的el-tooltip写组件适用于pc端和h5端
2025-10-23 12:45:24
176
原创 前端解决弹性容器设置“flex: 1”但内部的表格设置“text-overflow: ellipsis”却无法正常显示省略号的问题
前端解决容器设置“flex: 1 1 0%”但内部的表格设置“text-overflow: ellipsis”却无法正常显示省略号的问题
2025-10-22 17:30:25
193
原创 amis框架FormItem表单项校验优化代码示例
本文介绍了amis框架中表单校验的实现方式：1. FormItem表单项自定义校验，通过validations属性设置日期校验规则(isDateTimeSameOrBefore/isDateTimeSameOrAfter等)；2. form表单全局校验，使用rules属性定义复杂校验逻辑；3. 解决表单校验异常问题的方法，包括高版本使用clearError清除错误状态，低版本通过setValue主动触发校验。文中提供了完整的代码示例，展示了如何限制日期选择范围、处理校验错误信息等常见场景的实现方法。
2025-07-30 11:02:21
606
原创 npm下载插件无法更新package.json和package-lock.json文件的解决办法
经过多番查证，使用npm config ls查看相关配置等方式，最后发现全局的.npmrc文件的配置多写了global=true，去掉就好了。重新打开项目，使用npm install（全部下载）或者npm install xxx 其他参数（单个插件下载）重试。路径：C:\Users\xxx(一般是自己的名字或拼音）\.npmrc。
2025-05-06 18:22:39
397
原创 amis表格列配置字典翻译,去掉select的样式(使用静态显示的配置)
amis表格列配置字典翻译,去掉select的样式(使用静态显示的配置)
2024-11-22 00:49:24
314
1
原创 python项目使用sqlalchemy的order_by方法报错‘Out of sort memory‘的解决方案
python项目使用sqlalchemy的order_by方法报错'Out of sort memory'的解决方案
2024-11-06 04:51:45
533
1
原创 less解决function中return写法在浏览器被识别成Object导致样式失败的问题
使用height: .pxToRem(40px);使用.px2rem(height, 40px);
2024-10-30 04:26:19
600
原创 webpack解决使用window.open方法打开history路由页面提示404的问题
webpack解决使用window.open方法打开history路由页面提示404的问题
2024-10-25 08:46:49
804
原创 webpack面试笔记(一)
模块热替换能够做到在不重新加载整个网页的情况下,通过将被更新过的模块替换老的模块,再重新执行一次来实现实时预览模块热替换相对于默认的刷新机制能提供更快的响应和更好的开发体验.模块热替换默认是关闭的,要开启模块热替换,只需要在启动DevServer时带上--hot参数,重启DevServer后再去更新文件就能体验到模块热替换的神奇了。
2024-10-21 03:58:00
1127
原创 移动端面试问题笔记(一)
像素,又称为画素,是图像显示的基本单位,英文pixel像素是网页布局的基础.一个像素就是计算机能够显示一种特定颜色的最小区域.当设备尺寸相同但像素变得更密集时,屏幕能够显示的画面的过渡更细致,网站看起来更明快ppi: 屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。
2024-10-16 21:37:00
1517
原创 kubernetes get pods的STATUS字段显示ImagePullBackOff 的解决办法
kubernetes get pods的STATUS字段显示ImagePullBackOff 的解决办法
2024-10-07 02:36:03
956
原创 linux和windows系统使用k8s控制节点的kubernetes资源
linux和windows系统使用k8s控制节点的kubernetes资源
2024-10-03 09:35:46
553
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人