自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 Vue中组件

首先,组件是一种封装可重用的代码的方式,通过扩展HTML元素,可以大大提高开发效率和维护性。此外,每个Vue组件的视图都是基于一个数据模型的,这个数据模型可以是组件内部自身的数据,也可以是组件的父组件传递的props。再者,Vue采用的虚拟DOM技术极大地解放了对DOM的操作,虽然具体操作的还是DOM,但是换用了另一种方式,从而提升了开发效率。最后,值得一提的是,Vue实现了响应式编程和组件化,这有助于提高项目的可维护性,也使页面局部刷新成为可能,不要求每次跳转页面都要请求所有数据和DOM。

2023-12-18 19:06:50 263 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 326

原创 ES6中的Set

Set类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。Set 构造函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。Set 对象是值的合集(collection)。集合(set)中的元素只会出现一次,即集合中的元素是唯一的。你可以按照插入顺序迭代集合中的元素。set应用 set构造函数可以接受数组或者其他可遍历的数据结构。

2023-12-07 16:47:42 534

原创 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 577

原创 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 612

原创 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 789

原创 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 1134 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

原创 用HTML简单做简历

里面主要用到了表格,表格样式可以根据需要来自己更改大小,头像也可以自己更换图片。用HTML做一个简单的简历。

2023-11-06 15:04:43 81 1

原创 push,shift,unshift方法重构

unshift方法重构。

2023-11-03 20:28:10 23

原创 关于Java中的数组

在Java编程语言中,数组是一种重要的数据结构,用于存储固定大小的同类型元素。数组是Java基本数据结构的重要组成部分,它们在解决许多编程问题方面非常有用。根据定义,数组是相同类型数据的集合。声明一个数组,你就可以在同一个内存中拥有多个值——不像变量,你只能在内存中拥有一个值。因此,数组让你可以创建一个将不同的值保存在一起的变量,而不是为每个值声明一个变量。数组中特定数据点的位置被称为其索引,而数据本身被称为元素。

2023-11-02 19:14:11 19

原创 求水仙花数和完美数

对于每个整数,计算其个位、十位和百位数。计算个位、十位和百位数的立方和。如果立方和等于当前整数,则输出该整数。完全数(Perfect number),也称为完美数或完备数,是一类特殊的自然数。其所有的真因子(即除了自身以外的约数)的和(即因子函数),恰好等于它本身。也被称为超完全数字不变数、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数,是指一个三位数,其每位上的数字的立方和等于该数本身。在100至1000之间的所有水仙花数中,三位的水仙花数共有4个,分别为:153,370,371,407。

2023-11-01 20:51:34 140 1

原创 关于冒泡排序和递归调用

冒泡排序是一种简单的排序算法,它重复地走访过要排序的元素列,依次比较两个相邻的元素,如果顺序错误就把他们交换过来。这个过程会重复进行,直到没有相邻元素需要交换,也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端,故名“冒泡排序”。2.对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在每一步递归中,问题规模要减小,即每次递归调用都会将问题规模缩小到更小的子问题。4.持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。

2023-10-31 20:21:44 717

原创 关于循环的几个小练习

如果输入的是 + - * / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是 * 则是计算乘积。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关注的人

提示
确定要删除当前文章?
取消 删除