原生js
CSDN_GMC
这个作者很懒,什么都没留下…
展开
-
原生JS二十( Tween.js)
原生JS-- Tween.js一. 使用二. 四个参数Tween.js是一个让元素能够平滑地执行动画效果的js库一. 使用1.下载,引入或网络链接2.Quad,二次方缓动效果3.Cubic,三次方缓动效果4.Quart,四次方缓动效果5.Quint,五次方缓动效果6.Sine,正弦缓动效果7.Expo,指数缓动效果8.Circ,圆形缓动效果9.Elastic,指数衰减正弦曲...原创 2020-04-06 22:20:07 · 206 阅读 · 0 评论 -
原生JS十九(匿名函数)
原生JS--匿名函数一. 匿名函数1. 概念2. 和普通函数的区别3. 匿名的作用4. 匿名函数调用的两种方式二. 匿名函数和闭包结合一. 匿名函数1. 概念没有名字的函数,实质还是一个函数2. 和普通函数的区别普通函数:有函数名,调用需要使用函数名匿名函数:没有函数名,无法通过函数名调用3. 匿名的作用可以有效保证在页面写入js时,不会造成全局变量的污染,就是可以有效的...原创 2020-04-06 22:16:18 · 294 阅读 · 0 评论 -
原生JS十八(作用域链)
原生JS--作用域链1. 作用域2. 作用域链3. 变量提升1. 作用域从变量开始创建到被系统回收的过程全局变量:即在任意函数以外创建的变量局部变量:即在任意函数内创建的变量在es5中,只有函数能够生成局部作用域,其它结构不可以2. 作用域链现在当前作用域的上下文查找,找到即执行如果没有,继续向上一层查找,找到即执行如果查找到全局中,依然没有,会报错,阻断程序运行3. 变量...原创 2020-04-06 22:03:51 · 182 阅读 · 0 评论 -
原生JS十七(闭包)
原生JS--闭包闭包1. 本质2. 条件3. 原理4. 作用5. 弊端闭包闭包是能够访问其它函数内部变量的函数1. 本质闭包是函数2. 条件1.在函数中嵌套定义另一个函数2.被嵌套的函数,一定要访问外部函数的变量3.被嵌套的函数要返回3. 原理通过作用域链4. 作用能持久化局部变量,手动控制局部变量的回收时间5. 弊端不能够大批量使用,会造成加载程序过...原创 2020-04-06 21:59:33 · 133 阅读 · 0 评论 -
原生JS十六(DOM)
原生JS--DOM一. 什么是DOM?二. DOM基础方法父节点的获取方法子节点的获取方法兄弟节点的获取方式创建元素和添加元素删除元素替换元素克隆元素一. 什么是DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W...原创 2020-04-06 21:56:15 · 326 阅读 · 1 评论 -
原生JS十五(正则表达式)
原生JS--正则表达式一. 正则表达式1. 简单类2. 反向类范围类3. 反向类4. 字符转义或5. ^6. $7. 量词8. 正则常见的修饰符9. 匹配模式二. 屏蔽关键词一. 正则表达式用来匹配字符串中的一些内容使用场景基本用于注册页面,用户审核和约束用户输入的信息创建与使用1.new 关键字 var reg = new RegExp(/表达式/);2.字面量创建 var ...原创 2020-04-06 21:49:00 · 401 阅读 · 0 评论 -
原生JS十四(事件对象)
原生JS--事件对象一. 事件对象二. 事件冒泡和捕获事件捕获事件冒泡三. 事件监听添加事件监听删除事件监听普通事件绑定和事件监听的区别oncontextmenu 事件四. 事件委托五. event对象六. this指针的指向问题一. 事件对象事件有DOM0和DOM2的区别DOM0就是直接通过事件写到html中的事件DOM2就是通过addEventListener绑定/监听事件二. 事件...原创 2020-04-06 21:41:21 · 813 阅读 · 0 评论 -
原生JS十三(事件)
原生JS--事件一. 单击事件二. 事件类型三. 键盘事件四. 选项卡一. 单击事件onclick 鼠标的单击事件绑定单击事件的两种方法1.获取元素,在js中给元素绑定代码:显示效果:点击按钮后的效果:2.定义好函数,在html标签中绑定函数代码:点击效果同上二. 事件类型1.onload当页面(html,图片之类)加载完成后,需要执行的方法,该方法用于包裹所...原创 2020-04-06 21:30:40 · 459 阅读 · 0 评论 -
原生JS十二(Date对象)
原生JS--Date对象一. 创建一个Date对象二. 设置set三. 获取get四. 计算活了多久五. 定时器六. 一次性定时器七. 清除定时器一. 创建一个Date对象概念: Date对象是用来处理时间和日期,内置了一系列获取和设置日期和时间的方法使用:1.每次在使用它之前,都需要配合new关键字, 来生成一个Date对象2.然后通过Date对象,再去调用各种方法备注: Date获...原创 2020-04-06 21:24:13 · 194 阅读 · 0 评论 -
原生JS十一(字符串)
字符串一. 创建二. 字符串方法一. 创建通过new关键字来创建一个对象,String对象处理字符串var str = new String("123")通过字面量的方式var s = "123"二. 字符串方法1.charAt(位置) 返回指定位置的字符代码:显示效果:2..length 返回字符串的长度代码:显示效果:3.charCodeAt(位置) ...原创 2020-04-06 21:09:48 · 198 阅读 · 0 评论 -
原生JS十(数组方法)
数组方法一. 数组方法1. push()2. unshift()3. pop()4. shift()5. slice(开始,结束)6. splice(开始的位置,修改的长度)7. join()8. sort()9. reverse()10. cancat()11. instanceof和isArray()12. 多维数组(数组嵌套)二. 数组去重三. 数组排序一. 数组方法1. push()...原创 2020-04-06 20:54:53 · 526 阅读 · 0 评论 -
原生JS九(数组)
原生JS--数组数组创建数组访问数组数组越界数组什么是数组: 数组是存储1个或多个数据的容器,它是一组内存空间。 通常用来批量处理数据这组内存空间的名字,叫做数组名数组是个不挑食的家伙,对其自身储存的数组元素并没有什么限制,无论是数量还是类型通过数组下标(从0开始)来管理数组元素,不能直接通过数组名来操作数组元素,需要结合下标数组名.length: 表示的是数组的长度,也是数组当前...原创 2020-04-06 20:41:46 · 106 阅读 · 0 评论 -
原生JS八(Math对象,随机色)
Math对象,随机色一. Math对象1.`max(x,y)/min(x,y)`2.`Math.ceil/floor/round`3.`Math.random()*(较大的数 - 较小的数) + 较小的数`4.`Math.abs(x)`5.`Math.exp(x)`6.`Math.log(x)`7.`Math.pow(x,y)`8.`Math.sqit()`二. 随机颜色三. 透明度一. Mat...原创 2020-04-06 20:32:42 · 440 阅读 · 0 评论 -
原生JS七(随机色)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机色</title> <style> .box{ width: 100px; height: 100px; /*颜色的赋值: ...原创 2020-04-06 20:20:57 · 185 阅读 · 0 评论 -
原生JS六(变量的作用域)
原生JS--变量的作用域变量的作用域全局变量局部变量变量的作用域全局变量不在函数中定义或声明的变量作用于当前整个文件中,任何地方都可以获取并修改它局部变量在函数中声明或定义的变量,当函数执行结束后,变量就会被回收注:分支和循环节后会产生全局变量,但不会产生局部变量<!DOCTYPE html><html> <head> <...原创 2020-04-06 20:13:55 · 148 阅读 · 0 评论 -
原生JS五(函数)
原生JS--函数一. 函数定义函数函数的四种形态return 返回值二. 回调函数一. 函数定义函数function 自定义名称(){ 函数体(需要&#x...原创 2020-04-06 20:08:30 · 143 阅读 · 0 评论 -
原生JS四(获取页面元素)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div>我是通过标签名获取的</div> <div class="div1"...原创 2020-04-06 20:00:25 · 151 阅读 · 0 评论 -
原生JS三(循环)
原生JS--循环一. while循环二. for循环三. do while循环break和continue获取元素设置HTML中的文字通过js来修改HTML的样式一. while循环显示效果:二. for循环代码:显示效果:三. do while循环该循环,不管是否满足条件都会进行循环体一次,while和for不会代码:显示效果:break和contin...原创 2020-04-06 19:45:24 · 550 阅读 · 0 评论 -
原生JS二(if语句和多分支语句)
原生JS--if语句和多分支语句)一. if语句二. 多分支语句三. prompt四. 数据类型转化隐式转换显示转化一. if语句代码:显示效果:二. 多分支语句switch.case作用:提供多个分支,功能类似if-else级联式,但是代码可读性更好语法:switch 后面是整型或字符型的表达式case 后面是整型或字符型的常量break case和de...原创 2020-04-06 19:40:22 · 483 阅读 · 0 评论 -
原生JS一(运算符)
原生JS--运算符一. 算术运算符+二. 复合算术运算符运算符三. 关系运算符四. 逻辑运算符逻辑 与 &&逻辑 或 ||五. 三元运算符一. 算术运算符算术运算符有 + , - , * , / , %(取余运算符)...原创 2020-04-06 19:35:07 · 195 阅读 · 0 评论 -
原生JS--了解js
原生JS--了解js一. 什么是JavaScript面向对象解释型对象事件驱动相对安全性客户端脚本语言二. JavaScript的特点三. JavaScript的历史四. JavaScript的核心五. JavaScript能做什么六. 引入外部js文件七. js内联样式八. 基础数据类型(内置对象)九. 声明并使用变量和常量十.测试方法一. 什么是JavaScript javascrip...原创 2020-04-06 19:21:04 · 688 阅读 · 0 评论