自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 vue3滚动到顶部钩子函数+组件简单示例

vue3滚动到顶部钩子函数+组件简单示例

2025-09-18 19:13:02 211

原创 关于pc端分页+h5端加载更多的vue3简单钩子函数

关于pc端分页+h5端加载更多的vue3简单钩子函数

2025-09-18 18:53:01 261

原创 vue3写一个简单的搜索栏(带历史记录+光标自动聚焦到文案最后)

vue3写一个简单的搜索栏(带历史记录+光标自动聚焦到文案最后)

2025-09-03 15:10:44 279

原创 amis上传组件导入文件接口参数为base64格式的使用示例

amis上传组件导入文件接口参数为base64格式的使用示例

2025-08-28 21:18:41 413

原创 vue3写一个简单的时间轴组件

vue3写一个简单的时间轴组件

2025-08-26 18:18:28 379

原创 JavaScript和小程序写水印的方法示例

JavaScript和小程序写水印的方法示例

2025-07-30 13:39:16 487

原创 amis框架FormItem表单项校验优化代码示例

本文介绍了amis框架中表单校验的实现方式:1. FormItem表单项自定义校验,通过validations属性设置日期校验规则(isDateTimeSameOrBefore/isDateTimeSameOrAfter等);2. form表单全局校验,使用rules属性定义复杂校验逻辑;3. 解决表单校验异常问题的方法,包括高版本使用clearError清除错误状态,低版本通过setValue主动触发校验。文中提供了完整的代码示例,展示了如何限制日期选择范围、处理校验错误信息等常见场景的实现方法。

2025-07-30 11:02:21 681

原创 amis动态修改列

amis动态修改列

2025-07-29 15:04:14 387

原创 amis写一个导入按钮打开弹窗组件

amis写一个导入按钮打开弹窗组件

2025-07-24 18:35:39 459

原创 vue3使用mavon-editor插件实现富文本编辑效果

vue3使用mavon-editor插件实现富文本编辑效果

2025-06-25 15:55:53 329

原创 普通table组件的序号生成代码示例

普通table组件的序号生成代码示例

2025-05-09 18:22:48 204

原创 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

原创 amis使用service给隐藏域赋值方便给提交接口传参

amis使用service给隐藏域赋值方便给提交接口传参

2024-11-22 00:37:07 395

原创 python项目使用sqlalchemy的order_by方法报错‘Out of sort memory‘的解决方案

python项目使用sqlalchemy的order_by方法报错'Out of sort memory'的解决方案

2024-11-06 04:51:45 599 1

原创 setTimeout倒计时误差?如何减少

setTimeout倒计时误差?如何减少

2024-11-01 01:12:01 374

原创 使用requestAnimationFrame写防抖和节流

使用requestAnimationFrame写防抖和节流

2024-11-01 00:55:55 496

原创 less解决function中return写法在浏览器被识别成Object导致样式失败的问题

使用height: .pxToRem(40px);使用.px2rem(height, 40px);

2024-10-30 04:26:19 648

原创 react轮播图示例

【代码】react轮播图示例。

2024-10-29 08:11:51 495 1

原创 webpack解决使用window.open方法打开history路由页面提示404的问题

webpack解决使用window.open方法打开history路由页面提示404的问题

2024-10-25 08:46:49 864

原创 typescript面试题

typescript面试题

2024-10-24 18:47:11 1157

原创 js面试问题笔记(一)

js面试问题笔记(一)

2024-10-23 20:11:39 1435

原创 React写关键字高亮的三个方案

React写关键字高亮的三个方案

2024-10-23 20:03:33 730

原创 webpack面试笔记(一)

模块热替换能够做到在不重新加载整个网页的情况下,通过将被更新过的模块替换老的模块,再重新执行一次来实现实时预览模块热替换相对于默认的刷新机制能提供更快的响应和更好的开发体验.模块热替换默认是关闭的,要开启模块热替换,只需要在启动DevServer时带上--hot参数,重启DevServer后再去更新文件就能体验到模块热替换的神奇了。

2024-10-21 03:58:00 1161

原创 移动端面试问题笔记(一)

像素,又称为画素,是图像显示的基本单位,英文pixel像素是网页布局的基础.一个像素就是计算机能够显示一种特定颜色的最小区域.当设备尺寸相同但像素变得更密集时,屏幕能够显示的画面的过渡更细致,网站看起来更明快ppi: 屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。

2024-10-16 21:37:00 1567

原创 spug3发布项目

spug3发布go后端项目和前端项目

2024-10-15 15:53:44 857

原创 React面试题笔记(一)

React面试题笔记(一)

2024-10-13 02:29:53 1201

原创 手写react fiber代码

手写react fiber代码

2024-10-12 23:54:04 734

原创 kubernetes笔记(八)

kubernetes笔记(八)控制器

2024-10-08 00:29:26 268

kubernetes笔记(四)

kubernetes笔记(四)

2024-10-02

手工搭建ceph集群,有ceph目录,files目录,pillar目录,top.sls文件

手工创建sp-1的ceph集群代码

2024-09-09

golang1.22版本使用elasticsearch7的示例代码

相同ip,不同端口组成elasticsearch集群

2024-08-29

空空如也

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

TA关注的人

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