sluna27-优快云博客

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

原创在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 223

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

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

2021-01-26 17:16:46 857

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

原创 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 228 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 413

原创引用数据类型函数 function

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

2020-12-26 16:58:25 414

原创 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 174 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 265

原创基本数据类型 Number

number数据类型 number数据类型包含：常规数字和NaN NaN—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 1983

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

JS的判断语句：判断、循环判断条件成立做什么条件不成立做什么 1、if/else 2、三元运算符(简单判断时用的) //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 1027 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 1463

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

原创 JavaScript String 对象及常用方法

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

2020-12-05 16:21:10 207

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

promise promise是异步编程的一种解决方案有三个状态: 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 154

sluna27的博客