- 博客(22)
- 收藏
- 关注
RSS订阅
原创 数组常用方法
concatlet arr1 = [1, 2, 3]let arr2 = [4, 5, 6]let arr3 = arr1.concat(arr2)console.log(arr3)concat()中可以写多个数组，返回一个新数组，这个方法不会改变原数组。pushlet arr1 = [1, 2, 3]arr1.push(4);console.log(arr1);push()方法是向数组最后面添加某个元素，返回添加之后的数组整个长度，这里我们需要记住一点：它会改变原数组pople
2020-12-19 15:46:59
184
3
原创 学习JS基础部分二
数组的创建数组的方法常见数组面试题了解数组首先，我们需要知道数组是什么，能干什么，有什么用。数组，它是一组有序的数据，可以把一组相关的数据一起存放，并提供方便的访问方式。创建数组数组创建有两种方式第一种：通过new关键字创建var arr = new Array();当new Array()括号里面为空时，没有不传参数，表示创建一个空数组；当里面的值为一个数字时，表示数组最大长度是这个值，比如：var arr = new Array();console.log(arr.length
2020-12-12 09:59:34
110
原创 学习JS基础部分一
数据类型分支结构循环结构数据类型简单数据类默认值Number0BooleanfalseString‘’Undefinedundefinednullnull复杂数据类型默认值Array[]Object{}分支结构分支语句说明if(条件)…else判断条件是否满足，满足进入if中，不满足进入else中if(条件)…else if(条件)…else和if…else一样，
2020-11-29 13:41:08
117
2
原创 js树型结构处理
//获取树形结构并处理 //当child为null时处理 //如果是children字段的话，只需把child改成children即可 const getTree = function (data){ for(let i = 0;i < data.length;i++){ if(!data[i].child){ //这里可以自定义处理事件 //这里是想把child为空的值去掉 let obj = {} fo..
2021-12-02 11:16:59
806
1
原创 Set集合和Map集合
Set集合用于存放不重复的数据，通过构造函数的形式 参数必须是一个可迭代对象创建Set对象const s1 = new Set("aabbccdef");console.log(s1);Set集合方法add()，添加一个数据has()，判断数据是否存在，存在返回truedelete()，删除数据，删除成功返回trueclear()，清空集合size，这个是属性，返回的是集合长度，只能读不能改const s1 = new Set('aabbccdef');s1.add('g')
2021-02-06 11:35:04
323
原创 深拷贝和浅拷贝
浅拷贝和深拷贝的区别浅拷贝是复制原数据的数据内容，引用原数据的地址；当改变复制之后的数据时，原数据的数据内容也会被改变，因为这是引用原来数据的地址，改变的是原数据地址的数据内容深拷贝是新创建一个存储数据地址，把复制过来的数据存储到新创建的地址中，这样改变复制之后的数据不会影响到原数据的内容浅拷贝的方法直接赋值Object.assign(old, new)$.extend(false, {}, obj) 这是JQuery的方法,false表示浅拷贝const obj = { na
2021-02-04 12:44:40
129
原创 promise的使用
promise是什么？ 它是一个对象，有三种状态： pending: 初始状态，不是成功或失败状态。 pfulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。有什么作用？主要用于异步计算可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果可以在对象之间传递和操作promise，帮助我们处理队列优缺点 优点：异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。Promise 对象提供统一的接口，使得控制异步操作更加容易。 缺点：
2021-01-21 20:21:40
113
原创 正则表达式中?=、?＜=、?!、?＜!的使用区别
？=用法exp1(?=exp2)：查找exp1后面是exp2的exp1。var str = '123456runoob123runoob456';var r = /runoob(?=[\d+])/g;//查找数字前面的runoobconsole.log(r.exec(str));//打印的是runoob123中的runoob？<=用法(?<=exp2)exp1：查找 exp1前面是exp2的exp1。var str = '123456google123runoob456';va
2020-11-21 14:09:11
11545
1
原创 HTML5新增特性
语义标签标签描述<header></header>定义文档的头部区域<footer></footer>定义文档的尾部区域<nav></nav>定义文档的导航区域<section></section>定义文档中节区域<article></article>定义页面独立的内容区域<aside></aside>
2020-11-14 14:13:04
85
原创 页面跳转的几种方法
location对象href、assgin跳转到另一个页面可以返回到原来的页面location.href = 'http://www.baidu.com';location.assign('http://www.baidu.com');注意：replace跳转到另一个页面之后不可以返回原来的页面location.replace('http://www.baidu.com');//用一个新的地址去替换当前的地址，所以不能返回之前的页面history对象history是加载历史列表中的URL，
2020-11-09 19:30:33
2225
原创 js中的二级联动
省份市级城市联动<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>js省市二级联动</title></head><body> <form name="aform" method="get" action="#"> 省份：<select id="province" name="p
2020-11-02 13:32:05
2477
原创 数组有哪几种排序方法
1.常用的数组自带的方法var arr = [6, 3, 8, 7, 1, 5, 4, 2, 9];arr.sort(function(a, b){ return a - b;//升序排列 //return b - a;//降序排列});//结果是[1, 2, 3, 4, 5, 6, 7, 8, 9]console.log(arr);2.冒泡排序 var arr = [6, 3, 8, 7, 1, 5, 4, 2, 9]; var t;//给一个中间变量，用来交换数据的 //循环
2020-10-20 20:37:35
529
原创 偏移量的概念
* { padding: 0; margin: 0;}#box { width: 100px; height: 100px; margin: 10px; padding: 10px; border: 5px solid red;}<div id="box"></div>offset系列var box = document.getElementById('box');//box的父级元素是body，所以获取的是body的标签console.log(b
2020-10-20 20:20:36
4110
原创 定时器的两种方式
setTimeout()和clearTimeout()在指定的毫秒数到达之后执行指定的函数，只执行一次// 创建一个定时器，1000毫秒后执行，返回定时器的标示var timerId = setTimeout(function () { console.log('Hello World');}, 1000);// 取消定时器的执行clearTimeout(timerId);setInterval()和clearInterval()定时调用的函数，可以按照给定的时间(单位毫秒)周期调用函
2020-10-19 20:56:40
772
原创 怎么全选和反选
全选和反选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-10-15 19:24:14
241
原创 怎么获取li里面的内容
获取li的内容 <ul> <li>小二</li> <li>张三</li> <li>李四</li> <li>王五</li> </ul> //获取li标签，这里获取到的是所有li标签 var lis = document.getElementsByTagName('li'); //lis[0]表示获取第一个li标签
2020-10-14 19:21:49
2637
原创 获取标签
获取标签的几种方式<body> <div id="div1"></div> <div class="div2"></div></body>第一种//通过调用getElementById获取标签，必须是id属性var div1 = document.getElementById("div1");第二种//通过调用getElementsByClassName获取标签，必须是class属性//这里获得的是个伪数组，所以
2020-10-13 19:24:23
962
原创 面试题常考题——数组去重
数组去重原理 将不重复的数据添加到新的数组中，并返回新数组。创建一个新数组，新数组去调用indexOf方法，查找新数组中是否出现原数组的数据，如果没有出现就添加到新数组中。 var arr = [1, 3, 2, 1, 3, 'aa', 4, 2, 'bb', 'aa']; console.log(clearArr(arr)); function clearArr(arr) { //创建新的数组，这个数组是用来存放arr数组中不重复的数据 var n
2020-10-13 18:59:19
190
原创 JS中字符串和数组
字符串常用方法charAt(index) 返回指定位置的字符(index 字符串的索引号)charCodeAt(index) 获取指定位置处字符的Unicode码 (index索引号)str[index] 获取指定位置处字符concat(str1,str2,str3…) concat() 方法用于连接两个或多个字符串。拼接字符串，等效于+，+更常用substr(start,length) 从start位置开始（索引号） ， length 取的个数 重点记住这个slice(start, en
2020-10-12 20:10:59
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人