- 博客(25)
- 收藏
- 关注
RSS订阅原创 Echarts 地图下钻实现过程记录
China.json文件生成平台：https://datav.aliyun.com/portal/school/atlas/area_selector。高德坐标拾取器（坐标可在DataV数据可视化平台生效）：https://lbs.amap.com/tools/picker。2、钻入之后，点击返回上一级，再钻入失败问题。1、点击市级数据时，数据中没有市级数据的。
2025-04-02 14:47:09
302
原创 Css径向渐变 - radial-gradient
at 之后的position为径向渐变的中心位置，而形成的渐变图形的长宽与50% 50%时的长高差不多，所以会看起来造成一定的椭圆形状大小变化。函数中，你可以设置多个颜色停止点，渐变会从一个颜色停止点平滑过渡到下一个颜色停止点。颜色停止点用于定义渐变过程中颜色的变化位置和具体颜色值。径向渐变是颜色从一个中心点向外扩散的变化过程。二、radial-gradient 函数是什么。这一语法用于指定径向渐变的中心位置。3、颜色停止点-解释一下（
2025-03-31 16:43:41
368
原创 Js闭包-闭包的定义和优、缺点
如果一个函数访问了此函数的父级及父级以上的作用域变量，那么这个函数就是一个闭包。闭包会创建一个包含外部函数作用域变量的环境，并将其保存在内存中，这意味着，即使外部函数已经执行完毕，闭包仍然可以访问和使用外部函数的变量。闭包是一种保护私有变量的机制，它在函数执行时创建一个私有作用域，从而保护内部的私有变量不受外界干扰。直观地说，闭包就像是一个不会被销毁的栈环境。
2025-03-31 11:16:00
380
原创 Css动效-实现一个打字效果
blink .5s step-end infinite alternate：调用名为 blink 的动画，动画时长为 0.5 秒，step-end 表示动画在每个关键帧结束时立即切换状态，infinite 表示动画无限循环，alternate 表示动画在每次循环时反向播放，以此模拟光标的闪烁效果。typing 2s steps(22)：调用名为 typing 的动画，动画时长为 2 秒，steps(22) 表示将动画分成 22 步完成，每一步对应显示一个字符。
2025-03-27 17:42:28
300
原创 前端基建之代码提交规范-Commitlint+Commitizen+Cz-customizable+Conventional-changelog
代码校验工具:当我们运行 git commmit -m ‘xxx’ 时，用来检查 xxx 是否满足固定格式的工具。简单来说，就是制定提交规范2、创建配置文件commitlint.config.js并写入以下配置此时直接使用，如果commit的message不符合规范那么就会阻止提交用于命令交互式提交的插件，方便大家的进行提交4、安装cz-customizable自定义项目提交配置适配器5、package.json文件添加commitizen配置6、创建cz-customizable配置项.c
2025-03-26 14:14:48
937
原创 自定义表单设计
关联关系配置模块是表单设计的 “智能引擎”，通过字段间的逻辑联动实现：核心价值：让表单从 “静态数据收集” 升级为 “动态业务助手”，支撑企业数字化流程的自动化与智能化。如需进一步配置示例（如 JSON 逻辑表达式、可视化配置界面设计），可提供具体业务场景进一步细化！
2025-03-25 17:07:29
530
原创 Css 尺寸，分辨率等
是一个非常小的单位；但在高分辨率的视网膜屏幕上，多个物理像素可能会被合并成一个逻辑像素来显示内容，不过在 CSS 中，是固定的像素单位，它代表显示器屏幕上的一个物理像素点。在不同的设备和屏幕分辨率下，等于元素本身的字体大小。如果没有为元素设置字体大小，它会继承父元素的字体大小。的实际物理尺寸会有所差异。举例来说，在普通的电脑显示器上，属于相对单位，它的大小由元素自身的字体大小决定。无论元素在文档树中的位置如何，也是相对单位，不过它是相对于根元素（也就是。始终等于根元素的字体大小。依然表示一个逻辑像素。
2025-03-25 11:33:19
223
原创 vben 添加一个独立展示的菜单栏，同时在切换的过程中不刷新
参考链接：关于页 - https://github.com/vbenjs/vue-vben-admin/blob/v2/src/router/routes/modules/about.ts。1、文件路径：src\router\routes\modules ，中添加对应的菜单文件。声明，（利用vue的，keep-alive实现菜单的缓存效果） //点击菜单时跳转到对应的子菜单路由。2、对应的组件文件中添加组件。中引入对应页面组件即可， //隐藏子菜单展示。 //加入页面框架。
2024-08-28 16:33:17
584
1
原创 Js数组-元素求和 - 数字精度问题
3、值1 = 值1 * Math.pow(10,length)，值2 = 值2* Math.pow(10,length)4、sum = (值1 + 值2 )/(Math.pow(10,length))2、根据长的来计算 - length。使最终得到的结果能够保留精度。1、判断两个数小数点后位数。
2024-07-18 11:32:40
278
原创 Vben技巧总结2
1、Select组件form表单添加自定义的下拉框 - 通过给 options 传递一个promise函数，该函数返回一个对象数组。（该形式与字典的封装返回结果一致）注意：对象内需配置label 和value;前者是展示的值，后者是选中以后前后端真实传递的值。此处也可对接实际接口获取下拉数据。2、ApiSelect组件该组件需要指定一个api属性，同时其他关于label,value的值也是需要指定的。。
2024-07-02 16:22:10
677
原创 Vben技巧总结1
在beforeFetch属性中添加回调函数同时接收一个参数（必要）。此时可以往params添加另外的属性作为请求参数使用。为了满足前后端请求restful规范，同时减少后端处理压力，可以配置一个工具函数。当数据为空时，不做请求。#Vben框架/技巧总结#。
2024-07-02 15:45:23
436
原创 前端基础框架选择，搭建流程 - 不含详细内容
小册：https://sudongyuer.github.io/learn-eslint/样式规则：https://eslint.style/packages/default。中文官网（常见 js 规则）：https://eslint.nodejs.cn/配置 eslint.config.mjs 文件-(扁平化处理)eslint规则分为逻辑规则、语义规则和样式规则。4、初始化 Shadcn-vue 框架。安装 eslint vscode 插件。2、Tailwindcss 初始化，
2024-06-17 18:12:11
1023
原创 tsc : 无法加载文件 D:\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。
----------------------------执行命令无限制-------------------------------------------3、再此在Vscode命令行使用get-ExecutionPolicy 命令，结果：RemoteSigned此时表示允许状态。1、打开Vscode命令行使用get-ExecutionPolicy 命令，结果：Restricted。2、执行：set-ExecutionPolicy RemoteSigned,
2023-12-15 09:54:47
1364
2
原创 React标签内函数部分案例
在 React 中，当组件渲染时，如果将方法直接作为事件处理函数绑定到标签内，会导致该方法在每次渲染时都被执行。这是因为每次渲染都会重新创建一个新的函数实例，导致传递给子组件的方法发生变化，从而触发重新渲染。使用箭头函数或 bind 方法来绑定事件处理函数，确保每次渲染时使用的是同一个函数引用。 控制台自动输出：‘你好’。标签内无参带括号：this.show（）。控制台自动输出：‘你好’。标签内无参：this.show。点击，控制台输出：‘你好’。点击，控制台输出：‘你好’。
2023-11-02 14:38:52
163
1
原创 Css中div p与div＞p的区别
div p后代选择器所指定的是div标签下所有的后代p标签；div>p子代选择器所指定的是div标签下直接子代p标签。
2023-10-14 16:08:54
291
1
原创 严重: create connection SQLException, url: jdbc:mysql://127.0.0.1:3306/manager-oa?serverTimezone=UTC,
严重: create connection SQLException, url: jdbc:mysql://127.0.0.1:3306/manager-oa?指的一般是账号密码没写正确。
2023-08-16 15:03:13
684
1
原创 Font Awesome地址：Font Awesome 中文网 – | 字体图标
2.在main.js中引入相关的文件：import ‘font-awesome/css/font-awesome.min.css’1.vue中安装font awesome：npm install font-awesome --save。Font Awesome地址：Font Awesome 中文网 – | 字体图标。
2023-07-29 18:00:51
180
原创 font-awesome图标库的引入和使用（1）
2、在vue文件中使用，由于使用的是vue版的font-awesome，所以在使用的方法上和原版的有一些不太一样。1、在main.js全局引入，别忘了npm i 下载先。
2023-07-29 17:56:26
1656
原创 Component template should contain exactly one root element. If you are using v-if on multiple elemen
【代码】【无标题】
2023-07-29 16:01:24
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人