CamphorBloom-优快云博客

原创 springboot注册和注入组件方式概览

依赖：组件的依赖关系，如 NewsController 依赖 NewsServices。注入：通过setter方法、构造器、等方式自动的注入（赋值）控制：资源的控制权（资源的创建、获取、销毁等）xxxAware（标记接口，让调用者获取到Spring容器中的其他资源引用）反转：和传统的方式不一样了。理解单例，获取组件的方式（通过bean的类型，名称获取）理解setter方法注入，构造器注入。Conditional 派生注解。理解MVC分层模型对应注解。

2024-09-21 22:45:23 385

原创单html页面中使用vue3，Element-plus，vue3-router

单html页面中使用vue3，Element-plus，vue3-router和axios。

2024-05-19 16:24:48 705 1

原创 echarts多个折线图共用X轴，实现tooltip合并和分离

echarts多个折线图共用x轴，实现tooltip合并和分离

2024-01-28 20:05:38 3380 1

原创 Java Object浅克隆&深克隆

实现Cloneable接口，表示当前类的对象就可以被克隆，反之，表示当前类的对象就不能克隆。Object是Java中的顶级父类，所有的类都直接或间接的继承于Object类。如果一个接口里面没有抽象方法，表示当前的接口是一个标记性接口。把A对象的属性值完全拷贝给B对象，也叫对象拷贝，对象复制。

2023-12-31 17:03:39 610

原创 List常见方法和遍历操作

List集合的遍历方式：迭代器遍历，列表迭代器遍历，增强for遍历，lambda表达式遍历，普通for循环...

2023-12-30 16:45:47 1165

原创单列集合Collection常用api

Collection是单列集合的祖宗接口，它的功能是全部单列集合都可以继承使用的。

2023-12-30 12:24:54 551

原创解决Mysql8.0不存在mysql.proc表

大概意思说，在mysql database中parameters表和routines数据字典表一起取代了MySQL 8.0之前的proc表。MySQL 8.0中官方移除了proc表，MySQL 5.7版本中还是存在proc表的。

2023-10-09 14:03:34 1178

原创对象数组去重

isObject函数用来判断某个值是否为对象，equals函数用来比较两个值是否相同，包括属性名相同但顺序不同的情况。Object.is()用于比较两个值是否相等。针对去重问题，有这么几种解决方式，如Set，for循环遍历属性值等。其输出结果也不符合要求，不过我们可以以此为基础，在条件判断上做文章。

2023-10-05 23:04:45 495

原创 vue3中sync修饰符的使用

vue于v2.3引入sync修饰符，省去了在组件标签内写@update函数。1. 在子组件中定义props要从父组件接收的变量（变量的类型必须写明，默认值可选）1. 在子组件中定义emits要向父组件触发的事件（事件可以有多个）。3. 父组件在子组件标签中绑定同名的事件，并赋值为更新后的数据。3. 在子组件中分别打印props和使用props中的数据。2. 父组件引入子组件，并绑定父组件的变量传递给子组件。

2023-10-01 18:23:49 975

原创 js对象属性名的类型

其中，属性名可以是字面量，如 obj['name'] （等同于obj.name），也可以是变量obj[a]，或obj[a+b]（变量需符合命名规范）。先分析上面代码运行的结果是多少，arr[0] 与 arr['0']两种方式访问数组元素有什么不同？所以，上面代码中 arr[0]和arr['0'] 两者操作的是同一个值，输出结果都是 3。通过方括号[]来获取对象中的属性值，形式为：对象[属性名]，

2023-09-17 20:24:00 265

原创 echarts gantt甘特图示例

又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他。（Henry Laurence Gantt）先生的名字命名。随着时间进展的情况。

2023-03-14 21:13:46 3911 2

转载推荐7款优秀的vue table数据表格组件

数据表格（datatable ）组件旨在为Web 应用程序上表示和操作表格数据提供一种简单方便的解决方案。它允许用户以灵活、强大的方式过滤、格式化、分页、编辑、排序、添加和删除其数据。

2023-03-07 21:41:37 22696 2

原创【css】结构选择器

结构选择器，也称之为组合器选择器，根据它们之间的特定关系来选取元素。CSS 中有四种不同的组合器：1.后代选择器 (空格) 2.子选择器 (>) 3.相邻兄弟选择器 (+) 4.通用兄弟选择器 (~)。

2023-01-12 12:21:11 757

原创【JS】日期函数Date的基本使用

JavaScript中的Date 对象常规使用，Date 对象用于处理日期与时间。

2023-01-04 14:45:57 285

原创 editorconfig文件配置

EditorConfig 有助于为跨各种编辑器和 IDE 处理同一项目的多个开发人员保持一致的编码风格。

2022-12-25 13:16:09 1469

原创【vue】使用自定义指令实现时间戳格式化

通过自定义指令directive实现可以自动对时间戳格式化的功能，并抽取封装成工具类。

2022-12-23 19:17:57 1219

原创 vue之watchEffect

在Composition API中，我们可以使用watchEffect和watch来完成响应式数据的侦听。watchEffect用于自动收集响应式数据的依赖，需要手动指定侦听的数据源。

2022-12-23 11:11:44 3408

原创 vue之动态组件

组件切换实现方式：（1）通过v-if来判断显示不同的组件（2）动态组件是使用......

2022-12-20 15:53:37 950

原创 vue之非父子组件通信实现方式

在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里主要讲两种方式：1、Provide和Inject 2、Mitt全局事件总线。

2022-12-19 20:47:23 1125

原创 webpack实现自动代码编译

在不适用live-server的情况下，也可以具备live reloading（实时重新加载），那么就需要开启一个本地开发服务器了。上面watch的方式虽然可以监听到文件的变化，但是事实上它本身是没有自动刷新浏览器的功能的。

2022-12-18 12:48:32 917

原创 Vue打包后的不同版本解析

vue(.runtime).global(.prod).js、vue(.runtime).esm-browser(.prod).js、vue(.runtime).esm-bundler.js、vue.cjs(.prod).js......

2022-12-17 22:28:36 2227 2

原创 Solidity之abi.encode各编码方法使用

在 Solidity 文档中描述为：“ABI 是与以太坊生态系统中的合约交互的标准方式。既来自区块链外部，也用于合约之间的交互”。合约内部函数和事件的编码规范。

2022-12-15 18:08:46 3470

原创 Solidity地址支付方法Send、Transfer和Call的使用

在solidity编写中，可以通过三种方式发送以太币。即transfer()、send()和call()。在这篇文章中，让我们讨论每个函数调用是如何工作的，以及哪个是最好的使用方法。

2022-12-14 11:20:14 3793

原创以太坊地址Address介绍附代码示例

通常情况下，地址代表一外部账户或合约账户，它们都可以在区块链上接收（目标地址）或发送（源地址）。更具体地说，它是根据ECDSA算法，从公钥的Keccak-256哈希值的最后20个字节导出的标识符，一个十六进制数字。

2022-12-13 21:21:54 2228

原创使用vite插件编写tsx文件

通常我们在template标签里去写静态页面模板，现在可以扩展另一种书写风格 tsx，类似react的jsx语法。vue2 的时候就已经支持jsx写法，只不过不是很友好，随着vue3对typescript的支持度增高，tsx写法越来越被接受。

2022-12-11 15:39:48 2187 3

原创可选链操作符?.

?. 操作符是ES11的新语法，允许读取位于对象链深处的属性的值，不必明确验证链中的每个引用是否有效。

2022-12-10 17:47:30 955

原创 react之处理用户表单输入

首先我们要明白什么时候要获取表单数据——当表单项发生变化时...

2022-11-06 15:41:52 964

翻译 npm 和 npx的区别

npx帮助我们避免版本控制、依赖关系问题和安装我们只是想尝试的不必要的包。它还提供了一种清晰而简单的方式来执行包、命令、模块，甚至GitHub向导和存储库。

2022-11-03 08:08:21 6036 2

原创 firebase login浏览器登录身份验证失败

firebase login浏览器登录身份验证失败解决办法...

2022-10-18 16:45:29 801 2

原创 ERD（实体关系图）概念了解

实体关系图 (ERD) 是的可视化表示。如下图：Customer、Order、Product表示实体（entity），每个实体可以包含多个属性（attribute），也就是key所对应的字段（key分为PK和FK）。实体关系图在软件项目的规划阶段用于软件工程。它们有助于识别不同的系统元素及其相互关系。它通常用作众所周知的数据流图或 DFD 的基础。

2022-10-16 16:15:31 11675