- 博客(11)
- 收藏
- 关注
RSS订阅原创 js统计文件目录下的代码行数
代码行数统计工具摘要 本文介绍了一个使用Node.js开发的代码行数统计工具，主要功能包括： 支持统计指定目录及子目录下的代码行数 可过滤特定文件类型（如js、vue、css等） 支持通过排除列表忽略特定文件/文件夹 提供正则匹配功能筛选目标文件 包含三个核心函数：countDirCodeLines（目录统计）、countCodeLines（文件统计）和analyzeSyFolders（多文件夹分析） 工具采用异步文件操作，能准确计算文本文件的行数，并输出详细的统计结果。适用于项目代码量分析和监控需求。
2025-06-30 16:41:17
254
原创 vue 动态路由
在Vite+Vue项目中实现动态路由加载：通过按钮点击事件检查路由是否存在，若不存在则动态添加。使用import.meta.glob获取视图组件，当点击特定按钮（如canvasDragEl2）时，判断路由未注册则调用addAndNavigateToNewRoute方法，该方法会创建新路由配置（包含路径、名称和异步组件），通过router.addRoute添加后跳转。关键代码包括路由检查（router.hasRoute）、动态导入组件（modules[filePath]）和路由跳转（router.push）。
2025-06-30 16:18:04
118
原创 canvas做线段和多边形可随意拖动拉拽
本文摘要：实现了一个基于Vue的canvas交互组件，支持线段、多边形等元素的绘制与拖拽操作。主要包含以下功能：1) 设置800x800画布基础环境；2) 定义线条和多边形数据结构；3) 实现端点圆形绘制、线段绘制、多边形填充绘制及文字标签功能；4) 通过鼠标事件监听（mousedown/mousemove/mouseup）完成元素拖拽逻辑，包括端点移动和整体移动两种模式；5) 使用节流函数优化性能。该组件采用响应式数据管理元素状态，通过碰撞检测确定操作目标，实时重绘画布实现交互效果。
2025-06-26 13:33:00
280
原创 vue实现搜索+替换当前+替换全部+撤回功能
html富文本展示两个输入框（搜索的值、替换的值）撤销、替换当前、替换全部按钮<jyf-parser :html="text" ref="article"></jyf-parser><view class="fixed-arae"> <view class="input-area margin"> <input v-model="find" cursor-spacing="75" class="input" type="te
2021-07-12 13:55:35
2397
原创 随机任意个数字符
摘要：该函数用于生成指定长度和类型的随机字符串。通过传入字符长度参数（默认10）和类型参数（默认'all'），可选择生成包含大小写字母、数字或其组合的随机字符串。支持7种字符类型组合，包括纯数字、纯大小写字母或混合形式。实现原理是将目标字符存入数组，然后随机选取指定次数拼接成字符串。函数最终返回生成的随机字符串并在控制台输出。
2021-06-24 16:25:08
257
原创 uni app选择图片上传七牛云
uni app选择图片上传七牛云randomCharacter 随机字符串方法// 选择图片上传chooseImg() { uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], //从相册选择 success: ({tempFilePaths}) => { let fileName =
2021-06-24 16:21:58
412
原创 CSS 设置字符省略
单行超出边界省略ul li{ width:100px; height:24px; overflow: hidden;/*内容超出后隐藏*/ white-space: nowrap; //让内容只显示为一行 text-overflow: ellipsis; //内容超出后显示为省略号}超出6个字符就显示省略号// 要展示的文本(str)str = '我要像梦一样自...
2019-08-09 19:34:40
1288
原创 Node.js总结
Node.js总结 基本命令导入导出安装模块安装淘宝镜像安装nodeJS代码提示工具安装supervisor 服务器辅助监听安装 express文件模块读取本地文件将数据写入文件将某个目录下的文件名整理保存读图片前端传数据给后台GET方式前端代码POST方式前端代码express框架功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...
2019-08-06 09:16:52
116
原创 客户端服务器错误代码小总结
1、node.js 连接mysql数据库时： 1）'Client does not support authentication protocol requested by server; consider upgrading MySQL client' cnpm下载的应用mysql模块版本与本机安装的mysql版本不同即 主要原因时mysql服务器要求的认证插件版本与客户端不一致造成的...
2019-08-06 09:16:24
1484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人