- 博客(30)
- 收藏
- 关注
RSS订阅原创 Vue中组件
首先，组件是一种封装可重用的代码的方式，通过扩展HTML元素，可以大大提高开发效率和维护性。此外，每个Vue组件的视图都是基于一个数据模型的，这个数据模型可以是组件内部自身的数据，也可以是组件的父组件传递的props。再者，Vue采用的虚拟DOM技术极大地解放了对DOM的操作，虽然具体操作的还是DOM,但是换用了另一种方式，从而提升了开发效率。最后，值得一提的是，Vue实现了响应式编程和组件化，这有助于提高项目的可维护性，也使页面局部刷新成为可能，不要求每次跳转页面都要请求所有数据和DOM。
2023-12-18 19:06:50
264
1
原创 Vue的生命周期
1. beforeCreate（创建前）：在这个阶段，Vue实例还没有被创建，但是data函数和computed属性的计算结果已经被初始化。3. beforeMount（挂载前）：在这个阶段，Vue实例已经挂载到DOM元素上，但是虚拟DOM还没有被渲染成真实的DOM元素。4. mounted（挂载后）：在这个阶段，Vue实例已经挂载到DOM元素上，并且虚拟DOM已经被渲染成真实的DOM元素。5. beforeUpdate（更新前）：在这个阶段，Vue实例的数据已经更新，但是虚拟DOM还没有被重新渲染。
2023-12-11 19:27:57
328
原创 ES6中的Set
Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。Set 对象是值的合集（collection）。集合（set）中的元素只会出现一次，即集合中的元素是唯一的。你可以按照插入顺序迭代集合中的元素。set应用 set构造函数可以接受数组或者其他可遍历的数据结构。
2023-12-07 16:47:42
535
原创 ES6中的Promise
Promise.any([p1,p2]) 参数：数组，数组中的元素为Promise实例 返回值：Promise实例,只要p1,p2状态有一个变为fulfilled，该实例的状态为fulfilled；返回值：Promise实例,当p1,p2状态都为fulfilled时候，该实例的状态才为fulfilled，此时p1，p2的返回值组成一个数组，传递给该实例的回调函数；参数：数组，数组中的元素为Promise实例 返回值：Promise实例,当p1,p2之中有一个实例率先改变状态，该实例的状态就跟着改变。
2023-12-06 20:34:33
578
原创 ES6迭代器
ES6中的迭代器是一种新的对象，它具有一个next()方法。next()方法返回一个对象，这个对象包含两个属性：value和done。value属性是迭代器中的下一个值，done属性是一个布尔值，表示迭代器是否已经遍历完所有的值。迭代器是一个懒加载的机制，只有在调用next()方法时才会返回下一个值。我们可以使用for…of循环来遍历数组中的元素，让对象实现for-of遍历。此外，ES6还引入了生成器的概念，它是一种特殊的迭代器。生成器可以用来创建一个可暂停的函数，这个函数可以在执行过程中多次暂停和恢复。
2023-12-05 14:36:21
363
原创 ES6原始数据类型Symbol
Symbol() 不同的是，用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol，它会首先检查给定的 key 是否已经在注册表中了。假如是，则会直接返回上次存储的那个。ES6引入的一种新的原始数据类型Symbol，表示独一无二的值。属于基本数据类型,Symbol()函数会返回symbol类型的值。魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数。
2023-12-04 15:16:25
272
原创 ES6对象
ES6中规定可以直接在对象中写入变量和函数作为对象的属性和方法，此时属性名为变量名, 属性值为变量的值。对象简写在未来的使用频率极其高。es5函数内部属性有this和arguments,箭头函数内arguments不再保存实参,如果想接受实参，可以使用rest参数。使用拓展运算符可以解构数组和对象，并返回解构后的新数组或者新对象。判断a和b的值是否相等。5.对象API拓展j。
2023-12-01 14:34:04
613
原创 ES6数据解构
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构，解构的本质属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。等号左边的变量放到大括号内部，匹配右侧对象中的元素。对象的属性没有次序，变量必须与属性同名，才能取到正确的值。1.可以使用对象解构或者是数组解构，使用数组结构可以获取指定字符；3.对象的解构赋值是下面形式的简写 前面属性名后边变量名。4.数值解构 可以获取到数值包装器构造函数原型中指定的方法。等号左边的变量放到中括号内部，匹配右侧数组中的元素。
2023-11-30 16:29:08
408
原创 ES6模块化导出
这种方式允许你从一个模块中只导出一个值，语法为：`export default 默认导出的成员`。另一方面，你也可以使用`import`命令来导入其他模块中的变量、函数或类，例如 `import {firstName, lastName, year} from './module.js'`。需要注意的是，`export`命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。在ES6中，你可以使用`export`命令来导出变量、函数或类，以便其他模块可以使用它们。
2023-11-28 18:58:10
279
原创 原生js和jQuery的区别
1. 原生JavaScript是一种基于ECMAScript规范的编程语言，而jQuery是基于JavaScript的一个库，它提供了一种更简洁、易用的语法来操作HTML文档、处理事件、执行动画等。3. 原生JavaScript的代码通常比jQuery代码更冗长，因为它需要手动编写DOM操作、事件处理等功能。2. 原生JavaScript没有依赖任何外部库，而jQuery依赖于jQuery库。5. jQuery提供了许多内置的动画效果，如淡入淡出、滑动等，而原生JavaScript则需要自己实现这些效果。
2023-11-27 19:07:41
790
原创 jQuery事件
8. mouseenter：鼠标进入元素事件。9. mouseleave：鼠标离开元素事件。16. keypress：键盘按下并释放事件。3. mousedown：鼠标按下事件。5. mousemove：鼠标移动事件。7. mouseout：鼠标离开事件。14. keydown：键盘按下事件。4. mouseup：鼠标抬起事件。18. unload：页面卸载事件。2. dblclick：双击事件。10. focus：获得焦点事件。15. keyup：键盘抬起事件。11. blur：失去焦点事件。
2023-11-24 19:31:49
133
1
原创 JavaScript中关于节点的操作方法
8. 查找节点：使用`document.querySelector()`和`document.querySelectorAll()`方法根据CSS选择器查找节点。4. 添加子节点：使用`parentNode.appendChild()`方法将一个节点添加到另一个节点的子节点列表中。6. 删除子节点：使用`parentNode.removeChild()`方法从父节点的子节点列表中删除一个节点。7. 替换子节点：使用`parentNode.replaceChild()`方法用一个新节点替换一个现有节点。
2023-11-21 17:16:48
276
原创 JavaScript中的事件类型
1. 鼠标事件（Mouse Events）：包括点击、双击、鼠标移入移出、鼠标按下释放等。2. 键盘事件（Keyboard Events）：包括按键按下、按键释放、按键组合等。6. 窗口事件（Window Events）：包括窗口打开、窗口关闭、窗口刷新等。5. 触摸事件（Touch Events）：包括触摸开始、触摸移动、触摸结束等。4. 焦点事件（Focus Events）：包括元素获得焦点、元素失去焦点等。3. 表单事件（Form Events）：包括表单提交、表单重置等。
2023-11-20 16:42:15
1138
1
原创 JavaScript中的事件代理
事件委托是一种在JavaScript中处理事件的方法，它允许我们将事件监听器添加到一个父元素上，而不是直接添加到每个子元素上。事件委托的基本原理是：当事件冒泡到父元素时，我们可以通过事件对象的target属性来判断是哪个子元素触发了该事件，然后根据需要执行相应的操作。我们不需要为每个子元素都编写单独的事件处理程序，而是将它们统一添加到父元素上。2. 提高性能：事件委托将事件处理程序添加到更少的元素上，从而提高了整体性能。当事件冒泡到父元素时，我们只需要处理一个事件，而不是为每个子元素都处理一个事件。
2023-11-17 14:24:11
272
原创 JavaScript中的克隆
这意味着对原始对象进行的任何更改都不会影响到克隆的对象。克隆可以通过多种方式实现，例如使用Object.assign()方法、展开运算符（...）或者JSON.parse()和JSON.stringify()方法。对于包含函数、undefined、Symbol等不能序列化的属性的对象，需要使用其他方法进行深克隆。如果对象的属性值是引用类型（如对象或数组），则这些方法只会复制引用，而不是实际的对象或数组。深克隆是指创建一个新的对象，并将原对象的所有属性和值复制到新对象中。
2023-11-16 19:54:39
374
1
原创 JavaScript中的组合模式
组合模式（Composite Pattern）(构造函数模式 + 原型模式)是一种结构型设计模式，它用于组合模式（Composite Pattern）是一种结构型设计模式，它用于将对象组合成树形结构以表示“部分-整体”的层次结构。例如，当需要对节点的类型施加约束时（如某个目录中只能包含文本文件），由于不能依赖类型系统来直接施加约束，因此必须通过在运行时进行类型检查，这会使得实现变得更加复杂。3. 复合节点（Composite）：继承了抽象组件接口，可以包含多个子组件，并实现抽象组件接口。
2023-11-15 16:31:43
159
原创 JavaScript中的原型模式
优点：由于JavaScript是一门基于原型的面向对象语言，每个对象（除null外）创建的时候，都会关联另一个对象，这个关联对象就是原型，每一个对象都会从原型中继承属性。这种模式不仅是实现继承的简单方法，而且还可以带来性能提升：在对象中定义函数时，它们都是通过引用创建的 (因此所有子对象都指向同一个函数)，而不是创建它们自己的单独副本。缺点：由于JavaScript中没有传统的面向对象语言的继承，原型模式需要通过修改原型对象来改变与之关联的对象，这可能会导致代码调试和维护的难度增加。
2023-11-14 19:52:56
245
1
原创 JavaScript中的构造函数模式
通过new关键字调用Person函数，就可以创建一个新的对象person1，并设置它的name和age属性。3. 构造函数可以有参数，以支持不同形式的对象初始化。如果定义一个类时没有写任何构造函数，系统会自动生成一个默认的无参构造函数，此函数不做任何工作。在JavaScript中，构造函数通常是一个使用function关键字定义的普通函数，这个函数可以接收参数并返回一个新对象。4. 一个类可以有多个构造函数，这些构造函数可以根据其参数个数或参数类型的不同来进行区分，这种现象被称为构造函数的重载。
2023-11-13 19:01:34
30
原创 JavaScript中工厂模式
工厂模式工厂模式是一种创建型设计模式，它提供了一种在不指定具体类的情况下创建对象的方法。在JavaScript中，工厂模式通常用于创建具有相似属性和方法的对象。// 创建一个动物工厂function AnimalFactory() { this.createAnimal = function (type) { var animal; if (type === "Dog") { animal = new Dog(); } else if (type ===
2023-11-10 16:50:35
187
1
原创 JavaScript中的Math对象和Date对象
Date.prototype.toISOString()：返回一个表示该日期的字符串，格式为"YYYY-MM-DDTHH:mm:ss.sssZ"。setTime(milliseconds)：将日期和时间设置为从1970年1月1日00:00:00 UTC开始的指定毫秒数。new Date(year, month, day)：根据给定的年、月、日创建一个Date对象。9. Math.random()：返回一个0到1之间的随机数（包括0，但不包括1）。new Date()：创建一个表示当前时间的Date对象。
2023-11-09 14:50:24
513
1
原创 关于JavaScript中string方法
4. `lastIndexOf(searchString, position)`: 从指定位置开始反向搜索指定的字符串，并返回最后一次出现的位置。3. `indexOf(searchString, position)`: 从指定位置开始搜索指定的字符串，并返回第一次出现的位置。12. `substring(start, end)`: 提取字符串的一部分并返回新的字符串。10. `slice(start, end)`: 提取字符串的一部分并返回新的字符串。5. `length`: 返回字符串的长度。
2023-11-08 15:02:43
531
1
原创 数组的反转与删除数组元素
调用这个方法后，原地（in-place）反转列表中的元素，也就是说，原来的第一个元素会变成最后一个，原来的最后一个元素变成第一个。例如：aList = [123, 'xyz', 'zara', 'abc', 'xyz']，调用aList.reverse()后，aList将变为['xyz', 'abc', 'zara', 'xyz', 123]。需要注意的是，调用reverse()方法会改变原始列表。splice()方法接受两个参数：第一个参数是要删除的元素的起始索引，第二个参数是要删除的元素数量。
2023-11-07 19:03:07
249
1
原创 关于Java中的数组
在Java编程语言中，数组是一种重要的数据结构，用于存储固定大小的同类型元素。数组是Java基本数据结构的重要组成部分，它们在解决许多编程问题方面非常有用。根据定义，数组是相同类型数据的集合。声明一个数组，你就可以在同一个内存中拥有多个值——不像变量，你只能在内存中拥有一个值。因此，数组让你可以创建一个将不同的值保存在一起的变量，而不是为每个值声明一个变量。数组中特定数据点的位置被称为其索引，而数据本身被称为元素。
2023-11-02 19:14:11
20
原创 求水仙花数和完美数
对于每个整数，计算其个位、十位和百位数。计算个位、十位和百位数的立方和。如果立方和等于当前整数，则输出该整数。完全数（Perfect number），也称为完美数或完备数，是一类特殊的自然数。其所有的真因子（即除了自身以外的约数）的和（即因子函数），恰好等于它本身。也被称为超完全数字不变数、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数，是指一个三位数，其每位上的数字的立方和等于该数本身。在100至1000之间的所有水仙花数中，三位的水仙花数共有4个，分别为：153，370，371，407。
2023-11-01 20:51:34
141
1
原创 关于冒泡排序和递归调用
冒泡排序是一种简单的排序算法，它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序错误就把他们交换过来。这个过程会重复进行，直到没有相邻元素需要交换，也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端，故名“冒泡排序”。2.对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在每一步递归中，问题规模要减小，即每次递归调用都会将问题规模缩小到更小的子问题。4.持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。
2023-10-31 20:21:44
718
原创 关于循环的几个小练习
如果输入的是 + - * / 其中任何一个，比如用户输入是 + ，则是计算求和，如果用户输入是 * 则是计算乘积。3.打开页面出现一个提示框，注意是一直提示的，'请您选择 + - * / ，如果输入q，则是退出结束程序。输入完毕则继续提示第二个弹窗，提示用户：'请您输入第二个数字'则提示第一个弹窗，提示用户：'请您输入第一个数字'都输入完毕，则通过警示框 alert 输出结果。2.打印100-200之内能被6整除的数。1.打印1-num之间的所有整数。如果输入是 q，则结束程序。
2023-10-19 20:53:12
54
原创 关于js的for循环
同时，在编程中，嵌套循环是一种常见的结构，它允许在一个循环体内部再嵌入另一个完整的循环。在整个过程中，"表达式1"只在循环开始时执行一次，之后的每次循环都会跳过。具体到执行过程，以双重for循环为例：首先求解表达式1，即给变量i赋初值，然后执行外层for循环一次，内层全部循环一次（外层循环一次，内层for循环全部执行完成再进行外层的一次循环），直到外层循环结束。需要注意的是，多层for循环的嵌套可能会导致代码执行的效率降低，因此在使用的时候需要慎重考虑其影响。如果为假，则跳出循环。for (初始化表达式；
2023-10-18 20:08:11
71
3
原创 关于HTML和CSS
例如， 标签的“href”属性可以指定链接的目标地址， 标签的“src”属性可以指定图像源地址等。还有全局属性，这些是所有 HTML 元素共有的属性，它们可以用于所有元素，即使某些属性可能对某些元素不起作用。3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用 在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。回头复习发现，HTML与css就像积木，各类标签，属性便是小积木，将它们组合，最后成为一个大的内容。autoplay 自动播放。
2023-10-17 19:34:12
26
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人