- 博客(87)
- 收藏
- 关注
RSS订阅原创 在vue2中操作数组，如何保证其视图的响应式
在 Vue 2 中，操作数组时需要注意一些方法不会触发视图的响应式更新。为了确保数组的操作是响应式的，可以使用 Vue 提供的响应式方法。注意：在vue2中，对数组的某个值进行直接修改，页面是不会更新的。如果你需要对数组进行复杂的操作，可以考虑替换整个数组。当你需要通过索引直接修改数组中的某个元素时，使用。方法来删除元素，从而确保视图的响应式更新。方法来添加新元素，而。
2025-02-20 15:44:19
404
原创 v-for的使用，遍历数组、对象、数字、字符串等类型
遍历数组：使用，其中item是数组元素，index是索引。遍历对象：使用，其中value是对象的值，key是对象的键，index是索引。遍历数字：使用，其中n是从 1 到number的数字。遍历字符串：使用，其中char是字符串的字符，index是索引。
2025-02-20 14:26:43
993
原创 vue2的监听属性watch
● 被监视的可以是：属性（data），也可以是计算属性（computed）。● 监视的属性必须存在，才能进行监视，若监视了不存在的属性，也不会报错！● 作用：当被监视的属性变化时, 回调函数（handler）自动调用。
2025-02-20 14:03:09
217
原创 vue2的计算属性
是基于其他数据属性计算得出的属性。计算属性本身是只读的，不能直接修改其值。如果你需要修改计算属性的值，通常需要修改其依赖的数据属性。在计算属性set当中不可以直接修改。例如this.fullName = newValue。如果你希望直接修改计算属性，可以使用计算属性的。在 Vue 2 中，计算属性 (假设你有一个计算属性。
2025-02-20 12:00:08
231
原创 vue3与ts的组合式API
一个类型字面量，其中键是事件名称，值是数组或元组类型，表示事件的附加接受参数。示例使用了具名元组，因此每个参数都可以有一个显式的名称。**在处理原生 DOM 事件时，应该为我们传递给事件处理函数的参数正确地标注类型。有时，你可能需要为一个子组件添加一个模板引用，以便调用它公开的方法。因此，建议显式地为事件处理函数的参数标注类型。如果组件的具体类型无法获得，或者你并不关心组件的具体类型，那么可以使用。，因为处理了深层次 ref 解包的返回值与泛型参数的类型不同。的类型，我们首先需要通过。
2024-05-27 18:51:00
536
1
原创 Java中的日期时间类
这些类提供了许多其他方法，可以用于比较、格式化、解析日期时间字符串等操作。使用这些类，你可以更轻松地处理各种日期和时间场景，而无需担心时区问题。包中引入的日期时间类，用于处理日期和时间。这些类提供了丰富的方法，以便在应用程序中轻松处理日期和时间。表示日期和时间，不考虑时区。表示日期，没有时间部分。表示时间，没有日期部分。
2024-01-26 09:50:17
401
原创 Java的异常处理
这些外部资源使用时都有个注意事项，就是用完后得把资源及时释放关闭，资源都是有限的，如果用完不关，最终会导致资源耗尽，程序也无法继续运行了。我们当然也能自己 catch 异常，但可悲的是，你就算 catch 住异常又能干什么呢？如果不加 try - catch 块，异常对象也会继续从 main 方法抛给 jvm，jvm 收到异常终止程序执行。但编译时异常的烦人之处在于，当编译时异常抛给上一层方法后，上一层方法也被迫做出类似的选择。回忆之前我们对异常的使用，我们用异常改变了方法执行流程。
2024-01-25 22:25:42
839
原创 核心类库ArrayList、hashMap等
用 bright 映射小明，white 映射小白，black 映射小黑，前面的 bright、white、black 称之为 key ，key 需要唯一 ， 后面这些称之为 value。前面说了，ArrayList 封装了扩容逻辑，这对使用者当然是一件好事，就像我们平时使用家用电器似的，不需要知道这些电器内部如何工作，只需要会按它们对外的几个开关、按钮就足够了。上例中的 list 是把元素当作 Object 加入到它的内部，再取出来也会当作 Object，有时候，就会不方便。
2024-01-25 21:34:27
1111
原创 Java中的Service
它主要是配合一些注解来完成对象的创建，例如，我们一直在用的 @Controller 注解，当 Spring 程序运行时，它会检查这些类上有没有加一些特殊注解，例如它发现这个类上加了 @Controller 注解，框架就知道，该由框架来创建这个 CalculatorController 对象，默认只会创建一个。一直以来，都是我们自己用 new 关键字配合构造方法来创建对象，但我们现在用的是 Spring 框架，可以把一些创建对象的活交给 Spring 框架去做。怎么让框架帮你找到这些依赖对象呢？
2024-01-25 20:37:12
2046
原创 Java中的接口
看这张图，上面这是接口E，下面这俩类 F、G 实现了接口，他俩以后可以叫做实现类，看一下这种上下级关系就可以知道，它们之间符合向上转型，F，G能够沿箭头向上转换为接口类型，因此能用接口类型代表实现类对象。另外，抽象方法有个好处：它强制了实现类要实施方法重写，如果实现类没有重写，语法上会报错。其实要使用接口多态，更多地是使用一种抽象方法，而非默认方法，封装的关键在于，对外隐藏实现细节，接口完美地做到了这一点。先来看第一条，接口类型可以代表实现类对象。再看第二条，方法重写。
2024-01-25 20:35:07
958
原创 面向对象、封装、继承、多态、JavaBean
什么是对象？之前我们讲过，对象就是计算机中的虚拟物体。例如 System.out，System.in 等等。然而，要开发自己的应用程序，只有这些现成的对象还远远不够。需要我们自己来创建新的对象。
2024-01-24 22:20:52
907
原创 数组与 Web 程序打包
/ 语法：elementType[] arrayName;// 声明一个整型数组，但尚未分配内存空间// 或者在声明的同时分配内存空间：// 声明并分配长度为5的整型数组。
2024-01-23 19:11:10
375
原创 基本语法和 package 与 jar
修饰符 返回类型 方法名(参数列表) {// 方法体// 可以包含一系列语句和逻辑// 返回语句用于指定方法返回值（如果返回类型不是void）return 返回值;可选的关键字，用于控制访问权限和其他特性。例如，publicprivateprotected等。指定方法返回的数据类型，如果方法不返回任何值，可以使用void。给方法取一个唯一的标识符，用于调用该方法。括号内包含传递给方法的参数，如果方法不需要参数，括号内可以为空。花括号内包含方法的具体实现，即一系列语句和逻辑。
2024-01-22 19:54:08
1012
原创 jdk安装及环境搭建
JShell是Java的交互式编程工具，允许开发人员在不需要事先编写和编译整个程序的情况下，通过逐行输入和执行代码来进行实时的代码测试和探索。2.win+r->输入 cmd->输入d:切换到d盘->输入 javac Hello.java ->d盘生成A.class文件->再输入java A->此时，显示hello,world。方案1：保持GBK一致，Hello.java使用记事本打开并且点击另存，在编码时选择ANSI，记事本下的ANSI即为GBK格式编码。安装完成后，创建Java project。
2024-01-21 21:52:00
885
原创 idea快捷键
按常用的功能划分执行（run）Shift+ F10提示补全（Class Name Completion）alt+/单行注释 ctrl +/多行注释 ctrl+shift+/Alt+Shift+F显示添加到收藏夹弹出层/添加到收藏夹行操作向下复制一行（Duplicate Lines）ctrl + D删除一行（delete line）ctrl +X选中当前行：鼠标连点三下向下移动行Crtl + Shift+向下箭头向上移动行Crtl + Shift+向上箭头移动光标ctrl
2024-01-11 11:27:50
908
原创 如何理解BFC、开启BFC、BFC解决哪些问题
BFC 英文名为 Block Formatting Context (**块级格式化上下文**) 如何开启BFC BFC能解决哪些问题
2023-10-13 17:43:30
470
原创 ajax-axios-url-form-serialize 插件
1.什么是 AJAX?使用浏览器的对象 与服务器通信浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页2.什么是服务器？
2023-08-19 19:34:06
2808
原创 数据可视化-canvas-svg-Echarts
数据可视化技术栈canvas<canvas width="300" height="300"></canvas>当没有设置宽度和高度的时候，canvas 会初始化宽度为 300 像素和高度为 150 像素。切记不能通过样式去设置画布的宽度与高度宽高必须通过属性设置，如果使用样式设置，会导致画布内的坐标出现问题给canvas画布添加文本内容、子节点没有任何意义浏览器认为canvas标签是一张图片，右键可保存图片你想操作canvas画布：画布当中绘制图形、显示一个文
2023-08-19 11:51:30
1519
原创 day50-Insect Catch Game（捉虫游戏）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday50-Insect Catch Game（捉虫游戏）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0
2023-07-30 20:54:18
426
原创 day49-Todo List（待办事项列表）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday49-Todo List（待办事项列表）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2023-07-30 20:49:28
990
原创 day48-Random Image Feed（随机图片显示）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday48-Random Image Feed（随机图片显示）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2023-07-30 20:45:16
303
原创 day47-Testimonial Box Switcher（推荐箱切换器-动态进度条自动更新卡片信息）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday47-Testimonial Box Switcher（推荐箱切换器-动态进度条自动更新卡片信息）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wid
2023-07-29 20:33:29
239
原创 day46-Quiz App（测试题计分）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday46-Quiz App（测试题计分）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2023-07-29 20:27:57
226
原创 day45-Netflix Mobile Navigation（左边侧边栏动态导航）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday45-Netflix Mobile Navigation（左边侧边栏动态导航）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia
2023-07-28 21:06:01
266
原创 day44-Custom Range Slider（自定义范围滑块）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday44-Custom Range Slider（自定义范围滑块）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=
2023-07-28 21:00:29
806
原创 day43-Feedback Ui Design（反馈ui设计）
50 天学习 50 个项目 - HTMLCSS and JavaScriptday43-Feedback Ui Design（反馈ui设计）效果index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.
2023-07-27 21:11:37
280
day47-Testimonial Box Switcher（推荐箱切换器-动态进度条自动更新卡片信息）
2023-07-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人