sluna27-CSDN博客

原创 Git

mkdir ----创建文件pwd----显示当前目录git init ----把当前目录变成可以管理的仓库git add----将文件添加到暂存区中git commit -m “****”-----告诉Git把文件提交到仓库git status ----查看是否还有未提交的文件git diff 文件名----查看文件被修改的内容git log ----查看历史记录git log --pretty=oneline----单行查看历史记录git reset —hard HEAD^----

2021-04-18 18:25:09 98

原创在js中动态增删改元素

在js中动态增删改元素createElement 创建元素createTextNode 创建文本对象appendChild 把元素添加到容器的末尾insertBefore 把元素添加到指定容器中指定元素的前面let box=document.createElement("div");box.id="boxActive";box.style.width="200px";box.style.height="200px";box.className='RED'//动态创建一个文本let

2021-01-27 12:48:31 138

原创获取dom的几种方法&节点

DOM及其基础操作DOM：document object model 文档对象模型，提供一些属性和方法供我们操作页面中的元素####获取DOM元素的方法document.getElementByI的() 指定在文档中，基于元素的ID或者这个元素对象[context].getElementsByTagName() 在指定上下文（容器）中，通过标签名获取一组元素集合（不兼容IE6~8）document.getElements...

2021-01-26 17:16:46 768

原创 queryUrlParams方法

function queryUrlParams(url) { //获取？和#后面的信息 let askIn = url.indexOf("?"), wellIn = url.indexOf('#'), askText = "", wellText = ""; //#不存在 wellIn === -1 ? wellIn = url.length : null; //?存在 askIn >= 0 ? askTe

2021-01-18 15:36:31 264

原创 JS 数组及数组常用方法

数组及数组常用方法数组是对象数据类型，它属于特殊的对象let ary=[12,23,34,45];console.log(typeof ary);console.dir(ary);/* 数字作为索引（KEY 属性名） length代表长度 ary[0] 根据索引获取指定项的内容 ary.lenght 获取数组的长度 ary.length-1 最后一项的索引*/常用方法（背！！！！）方法的作用和含义方法的实参（类型和含义）方法的返回值原来的数组会不会发生改变实现

2021-01-01 18:17:49 149 1

原创 JS Math 常用方法

Math数学函数：他不是一个函数，它是一个对象，对象中存储了很多操作数字的属性方法，因此被称为数学函数。console.log(typeof Math);console.dir(Math);/*Math={ PI:3.141592653589793, abs:fucntion(){[native code]], ceil:function(){[native code]}, ...}Math.abs();Math.PI; */Math中常用的属性和方法

2020-12-27 17:09:32 304

原创引用数据类型函数 function

函数 function函数就是一个方法或者一个功能体，函数就是把实现某个功能的代码放到一起进行分装，以后想要操作实现这个功能，只需要把函数执行即可 =》“封装”：减少页面中的冗余代码，提高代码重复使用率（低耦合高内聚）洗衣机就是一个函数，生成洗衣机就是封装一个函数（把实现某些功能的代码封装进来），生产的时候，不知道用户洗衣服的时候放什么水、衣服、洗衣液，我们需要提供入口（提供的入口在函数中就叫做形参，执行的时候放的具体东西函数中叫做实参），洗完一度需要能拿出来，洗衣机提供一个出口（在函数中叫做返回值：把

2020-12-26 16:58:25 366

原创 JS实现选项卡小案列

HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>选项卡</title> <link rel="stylesheet" href="CSS/tab.css" /> </head> <body> <div id="tabBox"> <ul id="navBox">

2020-12-26 16:57:25 117 1

原创基本数据类型对象

对象的基本结构及操作基本结构let person={ name:'wei', age:20, height:'185', weight:'80kg', 1: 100};获取属性名对应的属性值对象.属性名对象[属性名] 属性名是数字或者是字符串格式的如果当前属性名不存在,默认的属性值是undefined如果属性名是数字则不能用点的方式获取console.log(person.name);console.log(person['age']);console.log(person

2020-12-26 16:55:56 220

原创基本数据类型 Number

number数据类型number数据类型包含：常规数字和NaNNaN—Not a Number：不是一个数但是是一个数字类型NaN和任何值（包括自己）都不相等NaN !==NaN 不能用相等的方式判断一个数是否为有效数字。isNaN检测一个值是否为非有效数字，如果为非有效数字返回true ，否则是有效数字返回false。（是数字返回false，不是返回true） console.log(isNaN(10));//输出false console.log(isNaN('aa'));//输出tr

2020-12-26 16:54:49 1850

原创 JS的判断语句：判断、循环

JS的判断语句：判断、循环判断条件成立做什么条件不成立做什么1、if/else2、三元运算符(简单判断时用的)//1、如果处理的事情比较多，我们用括号包起来，每一件事情用逗号分隔//2、如果不需要处理事情，可以使用null/undefined占位a>0 &&a<20 ? (a++,console.log(a)) : null;语法：//条件？条件成立处理的事情：不成立处理的事情；a>=10 ? console.log(“ok”) : consol

2020-12-26 16:53:58 912 1

原创 JS鼠标滑过变颜色滑出变为原来的颜色

JS代码let newsBox = document.getElementById("newsBox"); let newsList = newsBox.getElementsByTagName("li"); /* 自定义属性编程思想：前期把一些值存储到元素的自定义属性上，后期需要用到的时候直接从属性上获取到这些值即可 */ for (let i = 0; i < newsList.length; i++) { let n = newsLis

2020-12-26 16:53:06 1372

原创 JS Array

Array对象splice() 方法用于添加或删除数组中的元素。当删除只删除一个元素时仅返回删除的数组，当不删除任何元素时返回一个空数组。语法array.splice(index,howmany,item1,…,itemX)index。删除/添加元素的起始位置 howmany 。规定应该删除几个元素。item1, …, itemX 。要添加到数组的新元素//删除一个元素var arr=[1,2,3,4,5,6,7,8,9];document.write(arr.splice(

2020-12-10 09:11:19 70

原创 JavaScript String 对象及常用方法

String对象2.属性1、constructor 对创建该对象的函数的引用2、length 字符串的长度3、prototype 允许您向对象添加属性和方法1.方法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置，存在时返回字符串所在位置，不存在则返回-1.var str =" hello world";document.write(str.indexOf("world"));//输出6match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达

2020-12-05 16:21:10 152

转载理解promise、promise.all 、promise.race

promisepromise是异步编程的一种解决方案有三个状态:1、pending【待定】初始状态2、fulfiled【实现】操作成功3、rejected【拒绝】操作失败以下是一个简单的promise实例var promise =new promise(传一个函数)；var promise=new promise(function(resolve,reject){ if(/*异步操作成功*/){ resolve();} else{ reject(err);}

2020-12-04 23:05:32 104

sluna27的博客