- 博客(38)
- 收藏
- 关注
RSS订阅原创 过滤器Filter和数组的filter()方法
在使用vue中的过滤器中的时候忽然想到数组中的fiter()方法，不禁想总结一下两者的用法和实现。
2024-03-14 11:45:45
269
原创 计算属性computed和侦听器watch的区别
用于基于响应式数据进行计算。结果会被缓存，只有相关依赖发生变化时才重新计算。适用于衍生数据的场景。用于观察响应式数据的变化执行自定义操作。不缓存结果，每次数据变化都会触发操作。适用于需要在数据变化时执行异步操作或复杂逻辑的场景。通常情况下，计算属性适用于简单的数据计算，而watch更适用于对数据变化做一些异步或复杂处理的情况。
2024-03-14 08:30:00
1371
原创 CSS浮动引起的问题和解决方案
高度塌陷：当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。通常来说，使用伪元素清除浮动（方式3和方式5）是较为常见和推荐的做法。5：万能清除法（给塌陷的元素添加伪对象）内部宽高超过父级div时，会出现滚动条。子元素高超过父级时，会出现溢出。3：在浮动元素后面加一个空标签。超出部分被隐藏，布局时要注意。增加空标签，不利于页面优化。1：给父元素单独定义高度。
2024-03-13 08:30:00
168
原创 基础的正则表达式
正则表达式（Regular Expression，简称正则或RegExp）是用于匹配字符串中字符组合的表达式。它是一种强大的工具，可以用于搜索、替换和提取字符串中的文本。正则表达式由字符和操作符构成，用于描述字符串模式。常用正则表达式涵盖了一系列常见的文本匹配需求。
2024-03-12 13:16:15
652
原创 数组常用的API有哪些
是 JavaScript 中用于对数组的每个元素执行一次提供的函数的方法。注意：传入函数，可以对数组中的每个元素进行对应操作，最后返回操作好的新数组，要注意传入map的函数必须有return值，否则所有映射项都为undefined.它创建一个新数组，包含调用该方法的数组的元素，后跟一个或多个数组或值。是 JavaScript 中用于创建一个新数组，其元素是原始数组中每个元素调用回调函数的结果。是 JavaScript 中用于将数组的所有元素连接成一个字符串的方法，它使用默认的逗号。
2024-03-11 16:22:28
962
原创 Vue+Ant实现动态表头
1.获取monthRate中月份；2.根据monthRate中的key,显示对应的value,其中使用dataIndex的时候，table表中不显示对应的value值，因此又使用了customRender函数进行渲染获取。根据所选月份，异步获取月份数据，渲染生成动态表头、表格。，以渲染分组表头，进行分组。
2024-02-27 11:37:04
352
原创 Promise简单介绍
简单的说，Promie是ES6引入的，进行异步编程的一种新的解决方案（在ES5及之前，处理异步操作通常使用回调函数）。promise对象用来封装一个异步操作并可以获取其成功或失败的结果值。是指在异步编程中，多个回调函数嵌套在一起形成的深层次、难以维护的代码结构。这种情况通常出现在使用回调函数处理异步操作的代码中，特别是在ES5及之前的JavaScript版本中。});});});});在上述代码中，每个异步操作的结果都依赖于前一个操作的结果，导致嵌套的回调函数越来越多，代码变得难以维护和理解。
2023-07-26 17:12:41
690
原创 input输入框限制输入长度、限制输入内容
在vue+elemnetUI的前端项目中，使用input输入框进行内容的输入的时候，有的时候会要求限制输入字符长度，有的会限制输入的内容。以下是几个简单的介绍。
2023-07-19 14:21:48
5958
2
原创 根据选择日期范围查询数据
结合ElemnetUI中的DatePicker 日期选择器，实现根据选择的日期，查询对应的数据。当对应数据中含有2023-07-19的数据时，此时日期选择其中的startTime和endTime均为2023-07-19，查询对应数据为空。使用dayjs()初始化开始时间为对应时间的0时0分0秒0毫秒，同理结束时间改为对应天的23点59分59秒999毫秒。dayjs()是修改时间的较好工具，可以参考文档。
2023-07-19 13:46:57
291
原创 GoF之工厂模式
简单工厂模式（Simple Factory）：不属于23种设计模式之一。简单工厂模式又叫做：静态 工厂方法模式。简单工厂模式是工厂方法模式的一种特殊实现。第二种：工厂方法模式（Factory Method）：是23种设计模式之一。第三种：抽象工厂模式（Abstract Factory）：是23种设计模式之一。一、简单工厂模式（Simple Factory）
2023-06-08 15:54:36
109
原创 BeanFactory和FactoryBean的区别
总的来说：BeanFactory是Spring容器的基础接口，负责管理和获取Bean对象；而FactoryBean是一种特殊的Bean，用于创建复杂的Bean对象或在Bean实例化过程中执行定制化的逻辑。Spring IoC容器的顶级对象，BeanFactory被翻译为“Bean工厂”，在Spring的IoC容器中，“Bean工厂”负责创建Bean对象。FactoryBean：它是一个Bean，是一个能够。实例化其它Bean对象的一个Bean。
2023-06-08 15:33:36
96
原创 GoF23种设计模式简单介绍
这些设计模式为软件开发人员提供了一种解决常见问题的框架和思维模式。选择适当的设计模式可以提高代码的可读性、可维护性和可扩展性，并促进代码重用和灵活性。每种设计模式都有其特定的应用场景和优缺点，开发人员应根据实际需求和情况选择适合的模式。GoF（Gang of Four）是指设计模式的四位作者，他们在《设计模式：可复用面向对象软件的基础》一书中介绍了23种常见的设计模式。主要分为三大类：创建型模式、结构型模式和行为型模式。
2023-06-08 14:51:37
823
原创 软件开发之七大基本原则简单介绍
遵循这些原则可以促进代码的可读性、可测试性和灵活性，从而提高开发效率和软件质量。通过使用抽象、接口和设计模式等技术，可以使软件实体在不修改原有代码的情况下进行扩展和修改。通过使用依赖注入、控制反转等技术，可以实现模块之间的松耦合，提高代码的可测试性和可扩展性。一个类应该尽量减少对其他类的依赖，尽量只与直接相关的类进行交互，从而降低类之间的耦合性。每个类或模块应该专注于完成一个特定的任务或功能，这样可以提高代码的可维护性和可测试性。子类应该遵循其父类定义的契约和行为，这样可以确保代码的一致性和可靠性。
2023-06-08 14:12:55
641
原创 Bean的作用域之自定义属性
在编程中，"Bean" 通常是指 Java 编程语言中的一个对象，它是由 Spring 框架进行管理和创建的。在 Spring 中，Bean 的作用域定义了对象实例的生命周期和可见性范围。除了默认的单例（Singleton）和原型（Prototype）作用域之外，Spring 还提供了其他作用域选项，如请求（Request）、会话（Session）和全局会话（Global Session）等。接口，可以创建自定义的scope属性，并在应用程序中使用，这个属性很少使用。实例的引用，然后创建了一个新的线程。
2023-06-08 14:06:46
42
原创 Spring6启用Log4j2日志框架
第二步：在类的根路径下提供log4j2.xml配置文件（文件名固定为：log4j2.xml，文件必须放到类根路径下。第一步：引入Log4j2的依赖。第三步：使用日志框架。
2023-06-08 10:39:40
109
原创 Spring学习之set注入详解
这段代码是一个静态方法的实现，用于判断一个类型是否为简单类型。： 排除Void类型和void类型。： 使用ClassUtils工具类的方法判断类型是否为原始类型或其包装类。： 判断类型是否为枚举类型。： 判断类型是否为的子类，即字符串类型。： 判断类型是否为Number的子类，即数值类型。： 判断类型是否为Date类型。： 判断类型是否为Temporal的子类，用于表示时间。： 判断类型是否为URI类型。： 判断类型是否为URL类型。： 判断类型是否为Locale类型。： 判断类型是否为Class类型。
2023-06-07 16:52:28
1167
原创 IDEA中找不到XML Configuration File
尝试解决，在IDEA中，File--->Setting(快捷键：Ctrl+Alt+S)--->Plugins中安装对应的插件：Spring插件，但是我的IDEA中没有，根据查阅资料说可以安装 "Spring Assistant" 插件，或者Spring Boot Assistant插件，安装后重启软件也还是不起作用。重新卸载安装一下IDEA正式版本的后便可以了。使用IDEA工具自带的spring配置文件的模板进行创建的时候，发现自己的IDEA中没有XML Configuration File选项。
2023-06-06 10:39:04
1907
原创 引入spring-context依赖飘红问题
分析问题之后，在maven仓库中发现目前spring-context的版本最高到6.0.9了，因此尝试不使用repository，仅使用阿里云仓库进行下载依赖，但是无论怎么下载都没有反应。我使用的idea是2021版本的，使用的maven是3.9.0版本的，不兼容。更改后的maven版本是3.6.1的版本，更改过后spring-context的依赖便成功下载下来了。IDEA 2022 兼容maven 3.8.1及之前的所用版本。IDEA 2021 兼容maven 3.8.1及之前的所用版本。
2023-06-05 16:28:12
579
原创 Spring八大模块
Spring 是一个开发框架，包含了八个核心模块，每个模块都提供了不同的功能和特性，用于简化和加速企业级Java应用程序的开发。一、简要总结：：Spring Core是Spring框架的核心模块，提供了IoC（Inversion of Control）容器的实现和支持。它负责创建、配置和管理应用程序中的对象，并通过依赖注入的方式解耦组件之间的依赖关系。Spring AOP：Spring AOP模块实现了面向切面编程（AOP）的支持。
2023-06-05 16:19:37
2935
原创 SQL基础语句
SQL（Structured Query Language）是用于管理和操作关系数据库的标准化语言。注意，在实际应用中，根据不同的数据库管理系统（如MySQL、Oracle、SQL Server等），SQL语句可能会有些差异。
2023-05-11 18:09:04
86
原创 vuex学习：serve ended with error code 3221225477
确保应用程序与操作系统版本兼容。如果发现与特定操作系统版本相关的兼容性问题，可以尝试更新操作系统或与应用程序开发者联系以获取支持。这是在学习vuex的时候遇到的问题，根据以上分析，可能原因是：应用程序与操作系统版本兼容问题，即。缺少或损坏的依赖项：应用程序依赖的某些库、驱动程序或其他组件可能缺失或损坏，导致应用程序无法正常运行。检查应用程序的代码，特别是与内存访问有关的部分，确保没有访问无效内存地址或存在其他内存相关的问题。内存访问错误：应用程序试图访问无效的内存地址或访问已释放的内存。
2023-05-11 17:06:05
2938
原创 vue学习计划
本文档旨在介绍Vue.js及相关的前端开发工具和库，帮助读者快速了解和入门这些技术，以构建现代化的Web应用程序。Vue.js是一款流行的JavaScript前端框架，以其简洁易用、灵活可扩展的特性在开发者中广受欢迎。本文档将从Vue.js的基础概念开始介绍，包括Vue.js的核心特点、生命周期、模板语法、指令、计算属性和侦听器等。接着，我们将深入了解Vue Router和Vuex，它们分别用于实现前端路由和状态管理。
2023-05-05 15:05:09
1271
原创 VSCode：终端控制台常用指令
Git 是一个分布式版本控制系统，用于跟踪文件和代码的变化，并支持多人协同开发。它可以帮助开发团队有效地管理代码，记录每个版本的变更，并方便地进行分支管理、合并和代码回退等操作。每个开发者都可以拥有完整的代码仓库副本，可以在离线状态下工作，并与其他开发者进行数据同步和协作。Git 能够跟踪文件和代码的修改历史，并记录每个版本的变化，包括新增、修改和删除操作。Git 具有强大的分支管理功能，可以轻松创建、切换、合并和删除分支，方便开发团队并行工作和实验性开发。
2023-04-27 13:56:38
14657
1
原创 VBA：更改日期格式为文本格式
通过将单元格的格式设置为文本格式，可以确保Excel不会将其中的数值或日期自动转换为其他格式，保留原始的字符串显示。填写年月格式的时候，默认是日期类型的，例如：填写2023-01，默认是2023/1/1，但是想要保持2023-01为文本格式的日期。其中，Range可以是任何具有Value属性的对象，格式可以是任何Excel支持的数字格式。手动设置：选择需要设置格式的单元格，右键点击选择“设置单元格格式”，在弹出的对话框中选择“文本”格式即可。
2023-04-23 16:53:20
5649
原创 Vue.js学习
这里记录的是有关vue基础知识的学习。主要包括vue的基础知识、本地应用学习、网络应用的学习，以及综合应用的学习。学习视频参考的是：黑马程序员vue前端基础教程-4个小时带你快速入门vue的学习教程。
2023-04-18 18:19:54
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人