自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript实现三个常用排序算法

使用JavaScript实现冒泡排序,插入排序和快速排序冒泡排序让数组的当前项和后一项进行比较如果当前项大于后一项,则交换两项的位置let ary = [12, 15, 24, 18, 3]function bubble(arr) { for(let i = 0; i < arr.length; i++) { for(let j = 0; j < arr.length - i - 1; j++) { if (arr[j] - arr[j + 1] >

2021-10-14 08:50:14 135

原创 给数组添加元素的6个方法

给数组添加元素的6个方法1. 使用 length 属性追加元素使用length属性,可以在数组末尾后面添加一个元素var arr = [1, 2, 3, 4, 5];arr[length] = 6;console.log(arr); // [1, 2, 3, 4, 5, 6];2. 使用 push 方法追加元素push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度var arr = [1, 2, 3, 4, 5];arr.push(6);console.log(arr)

2021-10-02 19:21:05 59657 1

原创 Array数组常用方法

Array数组Array是JavaScript中最常用的类型之一,数组是存储数据的有序列表,在JavaScript中,数组中的每一项都可以保存任何数据类型的数据,也就是说,数组的第一项保存的可以是字符串,第二项可以保存数值,第三项可以保存对象,以此类推对于操作数组,我们需要掌握其包含的一些方法,才能更好的去使用数组。JS中数组的方法种类众多,有的在ES5之前的版本就定义好了,有的是ES5、ES6中新增的方法,还有的是在Object上继承的,接下来将介绍一些Array常见的方法数组数组创建字面量表

2021-09-24 22:54:54 317

原创 JavaScript实现 a==1&&a==2&&a==3 为true

让a == 1 && a == 2 && a == 3成立在JavaScript中,等号有三种使用方式,第一种是单独的一个等号=,其作用是赋值;第二是使用两个等号==,进行比较;第三个是使用三个等号===,起作用也是进行比较既然两个等号就可以进行比较,为什么还需要三个等号进行比较的方式呢?==和===的区别和其他语言有些不同,在 JavaScript 中除了用==操作符来判断是否相等外,还有一个===操作符,它们的区别是:==操作符会先将两边的值进行强制类型转换再

2021-09-22 08:56:26 380

原创 JS数据类型检测

JS数据类型检测

2021-09-17 15:57:03 86

原创 async和await使用方法

asyncasync是一个修饰符,用来声明一个异步函数,async定义的函数默认返回一个Promise对象resolve的结果因此,对async函数可以直接进行then操作,返回的值即为then方法中传入的函数async function foo() { console.log(1) return 1}foo().then(res => { console.log(res) // 1, 1})async function foo() { return new Promise(

2021-09-17 09:19:48 318

原创 Vue中watch、computed、updated的区别

watchwatch:侦听器,监听某个数据的变化然后执行相对应的方法,来响应数据的变化,尤其是当需要数据变化时执行异步操作或着开销较大时,这个方式是最有用的<div id="watch-example"> <p> Ask a yes/no question: <input v-model="question"> </p> <p>{{ answer }}</p></div>// 在一个vu

2021-09-16 09:37:38 858

原创 JS中箭头函数和普通函数的区别

JS中箭头函数和普通函数的区别ES6标准新增了一种新的函数:箭头函数Arrow Functionlet fn = () => {};箭头函数是一种非常好用的语法,其有着简洁的函数声明方法,还有很多的简写方式,下面详细的介绍一些箭头函数与普通函数的区别箭头函数比普通函数更加简洁// 箭头函数let foo = () => {};// 普通函数function fn() {};箭头函数的简写方式1、省略括号,当箭头函数只有一个参数时,括号可以省略let foo = ite

2021-09-15 10:42:15 426

原创 JavaScript 对象 key 值注意事项

JavaScript 对象 key 值注意事项JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成,其组成形式为由花括号包裹的 key: valuevar obj = { name: 'jingzhi', age: 18}对于JS中对象我们大多数都是关注对象的值是什么,对象的方法有哪些,很少会去关注对象的key值接下来介绍一些在JS中对象key值的比较小众的注意事项数字属性名和字符串属性名会相互覆盖有如下案例var a = {}, b = '123', c= 12

2021-09-14 18:46:02 872

原创 JavaScript中this指向问题

JavaScript中this指向问题JavaScript中的this对于许多开发者来说是一个非常头痛的问题,但是this关键字却又是一个非常重要的语法点为什么需要this?在很多的编程语言中都有this这个关键字,但是JavaScript中的this和常见的那些拥有this关键字的语言是有很大区别的JavaScript中的this是非常灵活的,无论是它出现的位置还是它代表的含义我们编写一个对象的案例,看看有无this的区别/* 有this的情况 */var obj = { nam

2021-09-10 16:26:43 111

原创 css选择器

CSS 选择器在 CSS 中,选择器就是选取需要设置样式的元素的模式,用来指定我们想要样式化的HTML元素,简单来说选中文档中的标签。在开始学习了CSS后,你已经见过选择器了。CSS选择器是CSS规则的一部分,它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器的类型在CSS中,有着好几种不同的选择器,明确各种CSS的选择器以及如何去使用CSS选择器,会更容易的给想要添加样式的HTML元素添加样式,且对于原生JS的DOM,jQuery封装.

2021-07-04 10:21:50 123

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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