JavaScript
文章平均质量分 75
敏儿啦
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ajax请求
1. 如何发送一个ajax请求?创建ajax对象语法:var xhr = new XMLHttpRequest();xhr就是我们需要的ajax对象,能帮我们发送一个请求配置本次请求的信息语法:xhr.open(“请求方式”,“请求地址”,是否异步);请求地址:基准地址+接口地址默认为异步的,选填把配置好的请求发送出去语法: xhr.send();配置一个请求完成的事件语法: xhr.onload = function(){代码}时机:会在当前请求完成以后被触发(后端给回对应的响应原创 2021-09-11 22:23:25 · 188 阅读 · 0 评论 -
Emmet语法
ctrl+/ 快速的生成注释代码html:5 生成html5的最基础的页面结构输入任意的html标签,都会自动的生成完整的闭合标签生成带有id、class的HTML标签4-1 使用**#生成id属性**,例如输入div#header则生成<div id="header"></div>4-2 使用**.生成class属性**,例如输入div.section则生成<div class="section"></div>..原创 2021-09-11 17:20:07 · 117 阅读 · 0 评论 -
运动函数
运动函数第一版// ele 要运动的元素// type 要运动的样式名// 要运动的目标位置 targetfunction move(ele,type,target) { let distance = 0; const timer = setInterval(()=>{ distance += 5; ele.style[type] = distance + 'px'; if(distance >= target){ clearInterval(timer);原创 2021-08-24 22:58:13 · 537 阅读 · 0 评论 -
正则表达式
创建正则表达式字面量方式创建 var reg = /abcd/内置构造函数创建 var reg = new RegExp(“abcd”)两种创建方式的区别常用方法test() 匹配语法:正则表达式.test(“要检测的字符串”)返回值:布尔值如果该字符串符合正则的规则,那么就是true,否则为falseexex() 捕获正则表达式的符号 - 基本元字符元字符 =》所有的文本内容=》特殊符号,用符号表示一类内容\d 表示一位 数字\D 表示一位 非数字\s 表原创 2021-08-23 10:00:25 · 121 阅读 · 0 评论 -
自执行函数+this指向
自执行函数一个会自己调用自己的函数当这个函数定义好之后,直接被调用自定义函数的意义:+ 利用函数的私有作用域,保护变量私有化+ 不去污染全局语法:=> (funciton(){})()=> ~function(){}()=> !function(){}()this指向=> 要么全局使用 this就是window=> 要么使用在函数内 this表示的是该函数的context(执行上下文)箭头函数除外普通调用 函数名() this指向原创 2021-08-20 22:41:16 · 865 阅读 · 0 评论 -
事件处理函数
事件绑定DOM 0级事件绑定语法:事件源.on事件类型 = 事件处理函数给一个事件源的同一个事件类型,只能绑定一个事件处理函数DOM 2级事件(事件侦听器/事件监听器)2-1:标准浏览器语法:事件源.addEventListener(‘事件类型’,事件处理函数)特点:1. 可以给同一个事件源的事件类型绑定多个事件处理函数多个事件处理函数,顺序绑定,顺序执行 div.addEventListener('click',function(){ console.log('我被点击了'原创 2021-08-19 10:10:02 · 1710 阅读 · 0 评论 -
DOM文档对象模型
DOM Document Object Model 文档对象模型操作页面元素=》操作html元素(增删改查)=》操作元素的样式=》操作元素的属性=》操作元素添加事件=》…DOM一树状结构出现=》顶层是document=> 最大的标签是html=>下面分成head 和 body=> 操作dom就是对这个树上获取元素获取非常规标签1. html=> document.documentElement=>得到的就是该页面的html标签2. head原创 2021-08-17 10:24:50 · 159 阅读 · 0 评论 -
Math方法
MathMath.random(数字)作用:获取一个0-1之间的随机小数返回值:一个0-1之间的随机小数注意:有可能得到0,但是绝不可能得到1Math.round(数字)返回值:四舍五入取整后的结果Math.ceil(数字) 向上取整后的结果Math.floor(数字) 向下取整后的结果Math.abs(数字) 取绝对值以后的结果Math.pow(底数,指数) 取幂之后的结果Math.sqrt(数字) 该数字的算术平方根Math.max(数字1,原创 2021-08-13 17:50:54 · 112 阅读 · 0 评论 -
字符串常用方法
字符串的基本操作字符串有一个length属性是一个 只读 属性,只能获取不能设置=>空格也是一个字符,中文也是一个字符字符串有一个 索引属性是一个 只读 属性,智能获取不能设置=》语法:字符串[索引]=》获取到的就是该字符串指定索引位置的那一位字符->如果有该索引位置,那么就是该索引位置的字符-> 如果没有该索引位置,那么就是undefined遍历字符串 for循环字符串的常用方法注意:所有字符串常用方法,都不会改变原始字符串,都是以返回值的形式出现结果c原创 2021-08-13 17:26:56 · 141 阅读 · 0 评论 -
数组常用方法
数组常用方法会改变原始数组push() 向数组的末尾追加数据, 返回值:数组最新的pop() 删除数组的最后一个数据,返回值:被删除的数据unshift() 从数组最前面插入一个数据 返回值:数组最新shifit() 从数组最前面删除一个数据 返回值:被删除的数组reverse() 反转数组 返回值:反转后的数组 原先数组倒过来sort() 排序,把每一个数据一位一位的看待进行排序,返回值:排序后的数组数组.sort(funciton(a,b){return a-b}) 所有原创 2021-08-13 14:55:33 · 138 阅读 · 0 评论 -
数组循环
1.forEachforEach 对数组直接进行循环,相当于直接for循环,没有返回值let arr = [1,2,3,4,5,6];arr.forEach((item,index,arr)=>{ console.log(item); console.log(index); console.log(arr);})2.mapmap,对数组每一项进行加工,加工完成之后返回1个新的数组let arr2 = ['香蕉','苹果','雪梨'];let result = arr2.原创 2020-11-13 19:11:34 · 551 阅读 · 0 评论 -
同步异步
同步与异步同步:后一个任务等待前一个任务执行完毕之后,再执行,执行顺序和任务的排序顺序一致异步: 异步是非阻塞的,异步逻辑与主逻辑相互独立,主逻辑不需要等待异步逻辑完成,而是可以立即继续下去同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有等主线程任务执行完毕,"任务队列"开始通知主线程,请求执行任务,该任务才会进入主线原创 2020-11-09 10:16:06 · 1036 阅读 · 0 评论 -
原型、原型链和继承
1. 原型prototype和_proto_每个对象都有一个_proto_属性,并且指向它的prototype原型对象每个构造函数都有一个prototype原型对象prototype原型对象里的constructor指向构造函数本身实例对象的_proto_指向构造函数的prototype,从而实现继承prototype对象相当于特定类型所有实例对象都可以访问的公共容器看一段代码就明白了 function Person(nick, age){ this.nick = ni原创 2020-10-30 10:16:21 · 170 阅读 · 0 评论 -
闭包
闭包什么是闭包?闭包 是指内部函数总是可以访问其所在的外部函数中声明的变量和参数,即使在其外部函数被返回(寿命终结)了之后函数嵌套函数内部函数使用外部函数的形参和变量被引用的形成和变量不会被垃圾回收机制所回收在 JavaScript 中,所有函数都是天生闭包的(只有一个例外)因为JS函数在创建时保存了当前的词法环境,任何JS函数都可以通过链式作用域访问到外部环境的变量,所以每个函数都可以看成是闭包。子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之原创 2020-10-29 15:05:33 · 112 阅读 · 0 评论 -
JS学习(4)
1.解构中括号解构var[x,y,z]=[10,20,30];alert(x+","+y);var [x,[a,b],y]=[10,[20,30],40];大括号解构var{name,age,sex}={ age:18, name:"钢铁侠", sex:'男' }; alert(name); alert(age); alert(sex);使用解构的好处交换两个数,比之前更加简单var [x, y] = [10, 20];[x, y]原创 2020-05-19 10:13:08 · 277 阅读 · 0 评论 -
JS学习(3)
1.事件和事件类型事件发生必须绑定绑定事件 1.内联模式 2.外联模式/脚本模式(最多)绑定事件格式:元素节点.on+事件类型 = 匿名函数click 事件类型onclick 事件处理函数事件类型的种类一、鼠标事件(可以绑定任意的元素节点上)click 单击dblclick 双击mouseover 鼠标移入 经过子节点会重复触发mouseout 鼠标移出 经过子节点会重复触发mousemove 鼠标移动(会不停的触发)mousedown 鼠标原创 2020-05-18 21:48:42 · 341 阅读 · 0 评论 -
JS学习(2)
1.字符串概念:所有带单引号或者双引号的都叫做字符串字符串声明通过new运算符去声明字符串 var str=new String(100);省略new声明字符串字符串常量赋值访问字符串中的字符 字符串.length 访问字符串中字符的个数 [注] 中文 utf-8(三个字符表示一个汉字) gbk(两个字符表示一个汉字) ,在计数的时候都是当作一个汉字计数 var str = “hello北京”; alert(str.length); //7访问字符串中单个字符原创 2020-05-18 19:25:55 · 356 阅读 · 0 评论 -
JS学习(1)
1.JS命名规则:只能由数字、字符、下划线和美元符号($)组成不能以数字开头不能是保留字和关键字大小写敏感2.数据类型:弱引用类型: 给赋值什么就是什么数据类型,不建议改变数据类型值类型(基本类型): 字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。复合数据类型/引用数据类型: 统称为object类型.里面包含的object类型、function、 Array、Date、RegExp3.运算符:原创 2020-05-13 20:51:26 · 171 阅读 · 0 评论
分享