- 博客(10)
- 收藏
- 关注
RSS订阅原创 VUE实现树状图(族谱图)
摘要：本文介绍了一个基于Vue3的递归式家族树组件实现方案。通过两个组件FamilyTree.vue和FamilyTreeNode.vue配合实现树形结构展示，其中FamilyTreeNode组件递归渲染子节点。主要特点包括：1) 支持多级嵌套数据；2) 通过level属性控制层级；3) 使用CSS伪元素处理节点连接线样式；4) 支持单节点和多节点样式适配。难点在于层级管理和连接线样式控制，需要巧妙运用CSS伪元素来实现美观的树形结构展示效果。组件通过props接受treeData数组数据，可灵活应用于不同
2025-08-27 22:38:09
501
原创 正则表达式核心语法速查
摘要：正则表达式是通过字符和元字符组成的字符串匹配工具，广泛应用于文本处理。核心功能包括验证格式、提取信息和批量替换文本。基础语法涵盖字符匹配（如\d、\w）、量词（*、+、?）、边界定位（^、$）以及分组捕获。特殊模式标志（i、g、m）和断言（如先行、后行）可调整匹配规则。常见应用场景包括验证手机号、邮箱，提取URL域名和匹配日期格式。掌握正则表达式能显著提升文本处理效率。
2025-07-28 11:11:10
946
原创 苹果(IOS)开发证书/发布证书申请
证书主要包含两个部分内容：iOS证书(.p12)和描述文件(.mobileprovision)。iOS有两种证书和描述文件证书类型使用场景开发(Development)证书和描述文件用于开发测试，在 HBuilderX 中打包后可在真机环境通过Safari调试发布(Distribution)证书和描述文件用于提交 AppStore，在 HBuilderX 中提交云打包后提交到 AppStore 审核发布。
2024-01-13 19:23:33
23012
7
原创 nuxt 使用vuex在模块中无法调用全局的store
使用nuxt官方的普通方式创建vuex状态树，在store目录下分别创建index.js和todo.js、test.jsindex.jsexport const state = () => ({ counter: 0})export const mutations = { increment(state) { state.counter++ }}test.jsexport const state = () => ({ counter: 0...
2022-03-16 12:28:49
1448
原创 nuxt宝塔部署在服务器更新版本
当项目之前部署是成功的，在进行版本优化迭代时,如果直接 npm run start 会给你报错(端口已被占用)解决方法第一步：使用命令netstat -anp | grep xxxx（xxxx是端口号）查找占用端口的进程第二步：使用命令kill -9 xxxxx（xxxxx是进程id）可以杀死占用进程注意：如果是使用pm2守护进程的话 直接kill是不行的(没有停止守护时重复执行kill，你会发现pm2的list会有很多守护项）使用命令pm2 list 查看守护...
2022-03-12 16:07:05
597
原创 解决在移动端真机vertical-align: middle不居中问题
以下代码在模拟器看起来是居中的 但在真机上一看瞬间奔溃 视觉上会往下偏.btn{ background: #ffffff; box-shadow: 0 0 20rpx #d3ecf3; padding: 16rpx 0; text-align: center; flex-grow: 1; margin: 0 20rpx; border-radius: 40rpx; color: #78bccf; width: calc(50vw - 60rpx); min-w.
2021-09-23 16:44:16
667
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人