自定义博客皮肤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)
  • 收藏
  • 关注

原创 截取字符串(slice)(substr)(substring)(split)

在这我先定义一个字符串let str = '123456789';假如我要截取指定字符串567,有多种方法下列我将讲到其中的相同处与不同处并会写个总结(如有需要直接前往最下面)slice()方法slice(a,b),截取指定的下标,返回被截取的值不会改变原字符串,a为截取的开始下标,b为截取的结束下标,a,b都可以为负数从后往前数,当第一个参数大于第二个参数时,返回空当没有参数时:console.log(str.slice());可以看到就把当前全部截取下来了当有一个

2022-02-20 17:30:43 2959

转载 异步和单线程

单线程1.什么是单线程?//栗子1console.log(1)console.log(2)console.log(3)//输出顺序 1 2 3单线程即同一时间只做一件事2.JavaScript为什么是单线程1.首先是历史原因,在创建 javascript 这门语言时,多进程多线程的架构并不流行,硬件支持并不好。2.其次是因为多线程的复杂性,多线程操作需要加锁,编码的复杂性会增高。3.而且,如果同时操作 DOM ,在多线程不加锁的情...

2021-10-24 21:09:50 545 1

原创 修改this指向问题(call,apply,bind)

先看代码<script> var name = "张三"; var age = 18; var obj = { name: "李四", age: this.age, myfun: function () { console.log(this.name + '----' + this.age); } } var aa = { name: "王五",

2021-10-17 17:20:56 170

原创 三种事件的绑定比较

this关键字 在JavaScript中,每一个函数的内部都存在一个this关键字,其随着运行环境的不同,其指向也是不同的。<body> <p id="t">ttttt</p></body><script> var d = document.getElementById('t'); d.onclick = function(){ //this指谁使用该事件 就是 d console.log..

2021-10-11 11:35:24 155

原创 节点操作-增删改

document.createElement() 用来生成网页元素节点,参数为元素的标签名;document.createTextNode() 用来生成文本节点,参数为所要生成的文本节点的内容;node.appendChild() 接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点;node.hasChildNodes() 返回一个布尔值,表示当前节点是否有子节点node.removeChild() 接受一个子节点作为参数,用于从当前节点移除该子节点node.cloneNod

2021-10-07 21:52:18 225

原创 js实现导航栏切换

<style> .box1 { width: 200px; height: 200px; background-color: blue; } .box2 { width: 200px; height: 200px; background-color: red; } .b.

2021-10-07 21:38:34 1507

原创 面试的一些常用问题(1)

一、有几种方法让一个盒子水平垂直居中(最常问的一个)<div class="box"> <div class="box1"></div> </div>1.定位+transform用transform的好处就是不用去算本身的宽度一半<style> .box { width: 200px; height: 200px; ..

2021-10-07 20:20:00 80

原创 数组去重(splice,new Set,indexOf)

方法一:splice let arr = [1, 2, 3, 4, 5, 3, 3, 3]; for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i] == arr[j]) { arr.splice(j, 1); j--; }

2021-09-25 21:12:52 292

原创 翻转数组(reverse)

将数组翻转过来 let arr = [1, 2, 3, 4, 5]; let arr1 = []; for (let i = arr.length - 1; i >= 0; i--) { arr1[arr1.length] = arr[i]; } console.log(arr1);效果图因为arr1的长度本来是0然后放一个进去就会变成1,慢慢数组的长度就会自增reverse方法 let arr = [1...

2021-09-25 20:19:11 755

原创 数组排序(冒泡排序,sort方法)

将数组按顺序排好 冒泡排序1.最外层循环的趟数是一共要将数字移动几次2.里面循环一趟要交换的次数 (交换的次数等于数组的长度减去最外面要循环的i再减去一,因为数组是从0开始的所以要减去1,i也会慢慢自增里面要循环的次数就会减少)3.然后相邻的两个数字相互比较var arr = [5, 4, 3, 2, 1, 7, 6] for (var i = 0; i < arr.length - 1; i++) { for (var...

2021-09-25 20:00:49 581

原创 定位的五种方法

原代码效果图:静态定位 static:静态定位 默认定位不脱离文档流 效果图:相对定位 relative:相对定位不脱离文档流相对于原来的位置 效果图绝对定位 absolut:绝对定位脱离文档流相对于最近父级如果没有就默认以浏览器为父级 效果图: 一般给父级设一个相对定位就会解决脱离文档流问题,也就是父相子绝 效果图:...

2021-09-21 16:47:35 550

空空如也

空空如也

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

TA关注的人

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