- 博客(43)
- 收藏
- 关注
RSS订阅原创 VueRouter
使用动态路由时 当 home/a 导航到 home/b 时， 相同的组件实例将被重复使用，当router-view 中的页面也要用 <router-view>时 形成了路由嵌套。一个视图一个组件渲染，多个视图需要多各组件，在路由界面 使用 compents 配置。通过重定向和别名的配置，可以更加灵活地进行路由跳转和管理，提升用户体验和开发效率。路径参数用：表示，当一个路由被匹配时，它的parmes值 通过模板的更新而改变。想要导航不同的url，可以使用 router.push 方法 可以后退。
2024-04-30 14:59:26
1323
原创 ES14(超详细!!!,附上使用代码)
以前，操作系统在将脚本传递给 JS 引擎之前会剥离这些注释。通过此更新，JS 引擎将直接处理这些注释。这些新方法提供了更简洁、更具表达力的方式来操作数组。它们可以帮助我们避免对原始数组进行不必要的修改，从而提高代码的可读性和可维护性。ES2023 引入了四种新的数组操作方法，这些方法不会修改原始数组，而是会返回一个原始数组的拷贝。这两者是在 ES2023 新加入的数组操作方法，这两者有相近的方法，分别是。会是从数组开头开始找寻符合条件的元素，而。：将数组索引处的值，替换为新值。我们可以从字面上理解，
2024-04-29 11:00:06
503
2
原创 ES11,ES12,ES13(超详细!!!,附用法代码)
当给定的索引为正数时，这个新方法的行为与使用括号符号的访问相同，但是当我们给定一个负整数的索引时，它就像python的 "负数索引 "一样工作，这意味着at()方法以负整数为索引，从数组的最后一项往后数。Promise.allSettled()方法接收一组Promise对象，返回一个Promise对象，当所有Promise都已经settled（即已经完成或已经拒绝）时，返回一个包含每个Promise结果的对象。这与C#和Java中的静态构造函数相似。类的字段定义和初始化是在类的构造函数中完成的。
2024-04-29 10:49:04
1097
2
原创 ES6，ES7，ES7，ES8，ES9，ES10新特性(超详细!!! 附用法)代码
虽然 Object.values 和 Object.entries 方法在 ES7 中已经被引入，但在 ES8 中对其进行了稳定化处理，使其能够在各种 JavaScript 环境中被广泛使用。let 和 const 声明变量与传统的 var 不同，let 和 const 声明的变量具有块级作用域，不会变量提升，而且不能被重复声明。ES7 引入了 Object.values 和 Object.entries 方法，分别用于获取对象的属性值数组和键值对数组，方便遍历对象的属性。
2024-04-29 10:14:53
1552
3
原创 vue3——(模板应用，组件)
在 Setup 函数中，可以访问 props、context、attrs 等属性，并且直接返回需要的数据和方法，这样可以使得组件的结构更加清晰和简洁。Vue3 引入了 Teleport 功能，可以让组件在 DOM 上的任何位置渲染，这样可以避免一些布局上的问题，比如弹窗组件在父组件中嵌套太多层导致样式混乱等。详细分析：Vue3支持使用 Fragments，允许模板中直接使用多个根元素，而无需包裹在父元素中，使得模板组织更加灵活，代码更加简洁。当数据属性的值发生变化时，Vue会自动加载对应的组件。
2024-04-28 21:22:26
964
2
原创 vue2—— mixin 超级详细！！!
mixin给我们提供了方便的同时也给我们带来了灾难，所以有很多时候不建议滥用它，但是在有些场景下使用它又是非常合适的，这就得根据自己来取舍了。所以在很多时候我们需要考虑用公共组件还是使用mixin。
2024-04-28 15:47:36
4171
原创 vue3 ——笔记 (表单输入，监听器)
在Vue 3中，v-model指令的用法稍有不同于Vue 2。在Vue 3中，v-model指令实际上是一个语法糖，它会自动将value属性和input事件绑定到组件或元素上，以实现双向数据绑定。在自定义组件中使用v-model时，需要在组件内部定义modelValue和属性，以及在适当的时候触发事件来更新数据。下面是一个示例，演示如何在Vue 3中创建一个带有自定义v-model在这个示例中，我们定义了一个带有modelValue属性和事件的自定义组件。在组件内部，我们使用ref。
2024-04-27 21:55:44
1847
1
原创 vue3 ——笔记 (条件渲染，列表渲染，事件处理)
综上所述，v-if和v-show虽然都是用于条件渲染的指令，但在实际应用中根据不同的场景和需求选择合适的指令来实现条件渲染效果将更加高效和灵活。v-else 为 v-if 添加一个 'else' 区块 v-else 必须在v-if或v-else-if后。当它们存有一个标签上 v-if 优先级更高 v-if 无法访问到 v-for作用域定义的变量别名。v-if 指令用于条件性地渲染一块内容，只有v-if的表达式返回值为真才会渲染。v-else-if 是v-if 的区块 可以连续多次重复使用。
2024-04-27 21:49:07
1054
2
原创 vue3——笔记2(计算属性，类与样式绑定)
在 Vue3 中，计算属性的用法和 Vue2 基本上是一样的，但是在性能上有了一些改进。Vue3 中计算属性是通过computed函数来创建的，计算属性的值会在相关依赖发生改变时自动更新。与 Vue2 相比，Vue3 的计算属性在一些场景下会更高效和更灵活。在这个示例中，我们定义了两个计算属性fullName和，分别用来计算全名和翻转消息。当firstNamelastName或message发生改变时，这两个计算属性的值会自动更新。
2024-04-26 22:28:28
909
1
原创 vue 3 —— 笔记(模板语法，响应式变量)
ref允许我们可以创建任何类型值的响应式ref 将传入参数包装一个带.value属性的ref对象和响应式的对象属性类似，ref的.value也是响应式的ref 被传递给函数或是从一般对象被结构时 不会丢失响应性ref 在模板中使用时，会自动解包，无需使用.valueref在对象中会解包 数组中不会。
2024-04-26 22:23:28
1540
原创 vue2知识点————(vue插槽，透传 Attributes )
插槽（slot）是一种强大的特性，允许在组件的模板中定义带有特定用途的“插槽”，然后在组件的使用者中填充内容。插槽能够使组件更加灵活，让组件的结构更容易复用和定。
2024-04-25 15:53:02
812
原创 Day10 React———— 第十天
useReducer 是 React Hooks 中的一个函数，用于管理组件的状态。它类似于 useState，但提供了更复杂的状态逻辑处理能力。接受一个 reducer 函数和初始状态作为参数，并返回当前状态和 dispatch 函数。是React Hooks中的一个函数，用于优化性能。它接收一个函数和一个依赖数组作为参数，返回一个memoized（记忆化）的值。当依赖数组中的值发生变化时，useMemo会重新计算并返回新的值，否则会直接返回上一次计算的结果。useMemo。
2024-04-23 17:00:29
771
1
原创 react 遇到的问题1 ——（ 数据更新视图没更新）已解决
使用react开发项目时，使用useState 定义数据，通过定义的set方法修改数据，视图没有更新。
2024-04-22 11:43:14
3004
原创 vue2知识点————(监听器，计算属性)
监听器是 Vue.js 中用于监听数据变化的重要机制之一。监听器可以在数据变化时执行自定义的逻辑。你可以通过watch选项或vm.$watch方法来创建监听器。监听器可以处理深层对象的变化，也可以选择立即执行。使用监听器可以帮助你更好地响应数据的变化，从而实现更灵活的应用逻辑。计算属性是 Vue.js 中的一种便捷特性，用于声明基于依赖数据的计算属性。计算属性具有响应式更新和缓存机制，能够根据依赖数据的变化而自动更新，并且在依赖数据不变时具有高效的缓存。
2024-04-22 10:59:28
1969
原创 Day09 React———— 第九天
一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候，path 对应的组件会在页面中进行渲染。
2024-04-18 21:30:31
708
原创 Day08React——第八天
概念：自定义Hook 是use打头的函数，通过自定义hook函数实现逻辑的封装复用声明一个以use打头的函数把函数体内可复用的逻辑(只要是可复用的逻辑)把组件中用到的状态或方法回调return出去组件调用结构赋值show);
2024-04-17 21:49:28
1452
原创 Day07 React——第七天 (18新特性 hook)
React 18引入了hooks，这是一种让函数组件拥有类组件的功能的方式。使用hooks，函数组件可以拥有状态管理、生命周期方法、副作用处理等功能，使得函数组件具有了和类组件类似的能力。hooks可以让函数组件更加灵活和易于管理，同时也减少了代码的复杂性。常见的hooks包括useState、useEffect、useContext等，它们可以让函数组件更加强大和易于编写。
2024-04-16 22:46:28
777
原创 Day06 - React 第六天
使用定义名为Hello的 JavaScript 函数。return (<div></div>注意React 组件是常规的 JavaScript 函数，但 组件的名称必须以大写字母开头，否则它们将无法运行！
2024-04-15 21:23:08
965
原创 java——MyBatis
MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。
2024-04-15 09:34:40
250
原创 Day05 - React 第五天
虽然Vue和React在柯里化的实现上有些许差异，但基本概念是相同的：将一个接受多个参数的函数转换成一系列只接受单一参数的函数。在Vue中，函数柯里化（Currying）是一种函数式编程的技术，它允许你将一个接受多个参数的函数转换成一系列只接受单一参数的函数。在新的React版本中，不建议再使用这些已经废弃的方法，而是使用上述新的生命周期方法来处理组件的生命周期。函数的柯里化：通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。参数，并返回一个函数，这个函数接受。
2024-04-14 21:21:45
869
1
原创 Day04 - React 第四天
React 的ref是用于访问 DOM 元素或 class 组件实例的方式。它允许我们在函数组件或类组件中直接访问 DOM 元素或组件实例，从而可以实现一些操作，比如获取元素的尺寸、焦点控制、动画等。
2024-04-13 23:30:24
524
1
原创 java 常用api——1 (Math，System，Runtime，BigDecimal）
简单介绍了下java常用的api，希望可以帮助到你！
2024-04-13 09:11:00
1661
3
原创 Typescript 总结3——类
抽象类做为其它派生类的基类使用，它们一般不会直接被实例化，不同于接口，抽象类可以包含成员的实现细节。除了日常借助类的特性完成日常业务代码，还可以将类（class）也可以作为接口，尤其在。同样，类继承后，子类可以对父类的方法重新定义，这个过程称之为方法的重写，通过。关键字，虽然本质依然是构造函数，但是使用起来已经方便了许多。基类，派生类通常被称作子类，基类通常被称作 超类。上述的类都能发现一个特点就是，都能够被实例化，在。这些属性存在于类本身上面而不是类的实例上，通过。
2024-04-12 22:57:00
664
原创 Typescript 总结2——高级数据类型
会持续更新更多ts知识点，还有许多前端后端知识分享，可以关注我噢！当我们多次调用相同函数名时传递不同参数或者类型，函数会做出不同处理。通过 type 关键字声明类型 可以是复杂类型也可以是简单类型。交叉类型值多个类型叠加成新的类型，新的类型中合并了所有属性。根据返回值判断，若返回值为真可以指定返回某一个参数的类型。同名方法 不同签名(函数的参数个数或者参数的类型不同)// 联合类型: 为一个变量设置多个类型。覆盖 ts 编译器的推断， 强行为改类型。字面量类型值将 设置的值作为变量的类型。
2024-04-12 08:12:58
314
原创 Day03 - React 第三天
每个组件对象都有 props 属性组件标签的所有属性都保存在props中通过标签属性从组件外向组件内传递变化的数据组件内部不要修改props数据(props 是只读的)
2024-04-11 22:36:24
338
原创 SpringBoot发送邮件附件 详细说明
通过这个 starter，只需要简单的几行配置就可以在 Spring Boot 中实现邮件发送，可用于发送验证码、账户激活等等业务场景。我只用了qq邮箱作为案例，其他邮箱也差不多步骤。
2024-04-11 21:10:29
537
原创 Typescript 总结1——基础数据类型
number) // a=number/undefind 可选参数原本就是原本类型。字面量对象 let obj: {x:number, y:number} = {x:10,y:100}有初始值是，类型推断就为初始值的类型 let num = 11 // number。function fn(参数1:类型,参数二:类型) :返回值类型 =>{}any类型 变量中可以储存任何类型的值，关闭了ts的类型检验。通过类型注释可以标注函数接收的参数类型和返回值的类型。类型断言，确定类型后，不能赋其他类型值。
2024-04-11 12:23:21
487
原创 node——总结
概述每个创建的js文件都是自定义模块，并具有模块作用域，也就是当前模块创建的变量，函数等等只能在当前模块中使用使用导出：module.exports 导出内容module 是 node中的一个全局对象，对象包含当前模板的详细信息module.exports 是模块的出口，就是导出内容用的，默认值是{}导入：如果要使用导出的内容，使用require()加载let 值 = require('模块路径')导出什么就得到什么。
2024-04-11 09:55:40
813
原创 java 学习5——面向对象高级
1.参用大写字母命名 2. 多个单词用_隔开 3. 方便再其他类中使用 要加public 修饰符 4.加 static。重写：在父子类中，子类的方法覆盖父类的方法，要求返回值，方法名，参数都相同。特点： 子类方法的访问级别不能低于父类响应方法的访问级别。子类抛出的异常不能超过父类响应方法抛出的的异常。重载：在一个类中，使用相同方法名，但参数列表不同。语法：父类 变量 = new 子类。分类：编译时多态，运行时多态。
2024-04-11 08:31:12
291
原创 java 学习4——面向对象高级
不能使用this 调用(在java中，this用于引用当前对象，可以在非静态方法中使用，指向正在调用该方法的对象，由于静态方法不属于任何对象，是类级别的方法)什么是方法重写：当子类觉得父类方法不好用，或者无法满足父类需求时，子类可以重写一个方法名称，参数列表一样的方法，去覆盖父类的方法这就是方法重写。this：在当前类的构造方法，调用当前类的另一个构造方法，如this(参数列表)实例方法 无static修饰的成员方法，属于对象，调用时需要对象调用。权限修饰符是用来限制类的成员(成员变量，成员方法，构造器)
2024-04-11 08:28:22
633
原创 Java 学习3
方法是一种语法结构，它可以把一段代码封装成一个功能，以方便重复调用格式 ：修饰符 返回值类型 方法名 (形参) {方法体代码(需要执行的代码)return返回值实体类是一种特殊的类，需要满足下面的要求，并且有对应的get set方法类中必须有一个无参构造的构造器。
2024-04-11 08:19:52
998
原创 Java 学习2
方法中，或着局部中某块定义的变量或方法的参数都被称为局部变量，只存在创建它们的块中无法在块之外进行操作。也叫静态变量，用static关键字修饰，一个类的静态变量，所有由这类生成的对象共用这个类变量。堆：存储new出来的对象，并分配地址。栈：方法运行时所进入的内存区域，由于变量在方法中，所有变量也在这一块区域中。也叫对象变量，类成员变量，从属于类，由类生成对象时，才分配储存空间，静态变量是被static 关键字修饰的变量，可以被类的所有实例共享。对象的实例变量互不干扰，但能通过对象的引用来访问实例变量。
2024-04-11 08:16:52
435
原创 java 学习1
jdk它是功能齐全的java sdk，是提供给开发者使用的能够创建和编译java程序的开发其中包含了 jre 和 编译java源码的编译器javac以及一些其他工具 javadoc(文档注释工具)，jdb（调试器），javap(反编译器工具)等..jre是java运行的环境，它是运行已编译java程序所需的所有内容的集合，主要包括jvm(java虚拟机)，Java核心类库Jvm：java虚拟机，真正运行java程序的地方核心类库：java 自己写好的程序，给程序员自己的程序调用的。
2024-04-11 08:11:37
407
原创 Day02 - React 第二天
再返回时必须以标签形式 并且满足jsx语法 首字母大写React为严格模式下 this为undefined详细情况都在上面截图中，稍微总结一下和所有的面向对象编程差不多，都有相似的地方React 构造器只执行一次 render 函数是开始调用一次 当数据改变时调用，就是数据更新告诉视图要更新了，数据双向绑定方法就是点一次执行一次写下来 明显的感觉就是比更简洁一些。
2024-04-10 19:57:53
519
1
原创 python——简单知识3
如果父类中有同名的属性和方法 则默认使用第一个父类的属性和方法(根据类的mro的顺序来查找）在类的实例方法中 可以通过self获取类的实例对象。多继承可以继承多个父类，也继承所有父类的属性和方法。如果父类和子类的方法名和属性名相同，默认使用子类的。多个父类，不重名的属性和方法 不会有任何影响。魔法方法 __xx__ 的方法都是魔法方法。子类继承父类，可以使用父类的方法和属性。有参数的 __init__() 方法。类：对一组对象的行为和特征进行描述。在方法内通过self获取对象的属性。添加和获取对象的属性。
2024-04-10 14:02:15
255
1
js 基础知识大全 思维导图模式
2024-04-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人