- 博客(272)
- 收藏
- 关注
原创 vscode使用claude code的简单经验分享(一)
本文详细介绍了Claude Code的安装配置与插件开发指南。文章提供了完整的命令行操作和配置文件示例,涵盖从基础安装到高级插件开发的全部流程,特别针对国内用户提供了镜像加速和API中转配置方案
2026-04-08 14:49:30
563
原创 vscode使用kimi code的简单经验分享
本文介绍了使用Moonshot AI平台KimiCode的完整流程:1)注册获取apiKey并妥善保存;2)完成账户充值;3)在VSCode中安装Kimicode插件,通过命令行/login登录并输入apiKey,选择kimi-k2.5模型进行连接测试;4)解决命令行打不开问题,需找到kimi.exe文件并配置环境变量。最后展示了KimiCode命令行的启动方法和常用指令列表,包括/add-dir、/clear、/debug等操作命令,帮助用户快速上手AI开发环境。
2026-03-31 12:42:52
1559
1
原创 amis框架crud多选跨页selectedChange事件无法获取全部selectedItems的修复方案
摘要:CRUD组件在多选跨页时,设置keepItemSelectionOnPageChange为true后,selectedChange事件仅能获取当前页选中数据,无法获取跨页所有选中项。解决方案:1)升级amis至最新版本;2)针对问题打补丁,合并新旧选中数据;3)改用Picker组件,其change事件可获取完整选中数据;4)通过原生JS强制触发按钮点击获取数据(不推荐)。推荐优先考虑升级版本或改用Picker组件。
2026-03-25 15:19:39
385
原创 amis使用数字转换方法的几种示例
本文介绍了5种在AMIS框架中处理数值格式化的方法:1)使用数据映射的round和percent过滤器;2)通过表达式进行数值舍入和百分比转换;3)利用input-number组件设置精度和千分位分隔;4)自定义全局JavaScript函数格式化数据;5)通过new Function动态创建格式化函数,结合JavaScript模板引擎实现复杂格式化。每种方法都提供了对应的参考文档链接,适用于不同场景下的数值格式化需求,包括保留小数位、添加千分位分隔符和百分比转换等功能。
2026-03-20 19:09:18
382
原创 amis下载文件的几种写法示例
本文介绍了三种文件下载实现方案:1)静态CDN资源下载,通过按钮或a标签直接访问URL;2)接口返回文件流,使用ajax请求时需设置responseType为blob,或通过a标签发起简单GET请求;3)处理base64格式接口返回,需拼接数据前缀并通过JS动态创建a标签下载。每种方案均提供了具体配置示例,并指出a标签方式不适合需要headers等复杂请求的场景。文章还包含了相关技术文档参考链接。
2026-02-10 14:35:35
619
原创 Vue3利用ResizeObserver监听Textarea的尺寸动态调整表格tbody的maxHeight
摘要:本文介绍了一种使用ResizeObserver动态调整表格高度的实现方案。通过监听textarea元素尺寸变化,在Vue组件中计算并设置表格tbody的最大高度,使其不超出可视窗口范围。主要实现步骤包括:获取DOM元素引用、定义高度计算函数、使用防抖优化性能、监听编辑状态变化,并在组件卸载时清理观察器。该方法避免了直接修改样式表的繁琐,实现了表格内容区域的自适应并纵向滚动的效果。
2025-12-17 20:50:55
183
原创 Vue3使用pinia做全局状态管理的简单示例
摘要:本文介绍了基于Pinia的状态管理实现方案。首先在store目录下创建核心配置(index.ts),初始化Pinia并集成持久化插件。然后定义了一个表格数据存储模块(tableStore.ts),包含状态(state)、持久化配置(persist)、计算属性(getters)和操作方法(actions)。在main.ts中挂载状态管理,最后展示了使用示例:通过storeToRefs获取响应式状态,直接解构获取操作方法。该方案实现了类型安全的状态管理,支持持久化存储,并提供了清晰的使用方式。
2025-12-16 18:54:42
152
原创 基于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
324
原创 基于Vue 3和Element Plus实现简单的钩子函数管理各类弹窗操作
本文介绍了基于Vue 3和Element Plus的弹窗组件实现方案。核心是通过useModal钩子函数管理弹窗状态,利用h函数安全渲染内容避免XSS风险,采用nextTick确保弹窗正确显示。组件支持多种操作类型(添加、编辑、删除等),根据状态调用不同API,并为复杂场景提供自定义内容渲染。示例展示了删除和设为默认模板两种操作,强调了对于简单弹窗应优先使用Element Plus内置组件。该方案实现了弹窗逻辑与UI的分离,提升了代码复用性和安全性。
2025-11-04 14:49:59
483
原创 基于Vue 3和Element Plus的el-tooltip写组件(适用于pc端和h5端)
基于element-plus的el-tooltip写组件适用于pc端和h5端
2025-10-23 12:45:24
222
原创 前端解决弹性容器设置“flex: 1”但内部的表格设置“text-overflow: ellipsis”却无法正常显示省略号的问题
前端解决容器设置“flex: 1 1 0%”但内部的表格设置“text-overflow: ellipsis”却无法正常显示省略号的问题
2025-10-22 17:30:25
279
原创 amis框架FormItem表单项校验优化代码示例
本文介绍了amis框架中表单校验的实现方式:1. FormItem表单项自定义校验,通过validations属性设置日期校验规则(isDateTimeSameOrBefore/isDateTimeSameOrAfter等);2. form表单全局校验,使用rules属性定义复杂校验逻辑;3. 解决表单校验异常问题的方法,包括高版本使用clearError清除错误状态,低版本通过setValue主动触发校验。文中提供了完整的代码示例,展示了如何限制日期选择范围、处理校验错误信息等常见场景的实现方法。
2025-07-30 11:02:21
681
原创 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
419
原创 amis表格列配置字典翻译,去掉select的样式(使用静态显示的配置)
amis表格列配置字典翻译,去掉select的样式(使用静态显示的配置)
2024-11-22 00:49:24
360
1
原创 python项目使用sqlalchemy的order_by方法报错‘Out of sort memory‘的解决方案
python项目使用sqlalchemy的order_by方法报错'Out of sort memory'的解决方案
2024-11-06 04:51:45
599
1
原创 less解决function中return写法在浏览器被识别成Object导致样式失败的问题
使用height: .pxToRem(40px);使用.px2rem(height, 40px);
2024-10-30 04:26:19
648
原创 webpack解决使用window.open方法打开history路由页面提示404的问题
webpack解决使用window.open方法打开history路由页面提示404的问题
2024-10-25 08:46:49
864
原创 webpack面试笔记(一)
模块热替换能够做到在不重新加载整个网页的情况下,通过将被更新过的模块替换老的模块,再重新执行一次来实现实时预览模块热替换相对于默认的刷新机制能提供更快的响应和更好的开发体验.模块热替换默认是关闭的,要开启模块热替换,只需要在启动DevServer时带上--hot参数,重启DevServer后再去更新文件就能体验到模块热替换的神奇了。
2024-10-21 03:58:00
1161
原创 移动端面试问题笔记(一)
像素,又称为画素,是图像显示的基本单位,英文pixel像素是网页布局的基础.一个像素就是计算机能够显示一种特定颜色的最小区域.当设备尺寸相同但像素变得更密集时,屏幕能够显示的画面的过渡更细致,网站看起来更明快ppi: 屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。
2024-10-16 21:37:00
1567
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅