JavaScript
无人不xiao
这个作者很懒,什么都没留下…
展开
-
ES6新特性:let、const、map、箭头函数实例运用
let //1、不纯在变量提升 //例子:var和let的区别 //执行下边的代码 console.log(y); var y=100; console.log(w); let w=100; //这段代码的结果是什么:y 会提示 is undefined //而 w 就是用let定义的,会直接报错,(不纯在变量提升) //总结:var 或者 function定义的东西纯在预解析,所以不会报错,但是,在es6的let或者const定义的中没有,会直接报错 //2、在同一个作用域下不能重复定义同一个名原创 2020-11-05 14:41:22 · 233 阅读 · 0 评论 -
操作Dom对象
核心 浏览器网页就是一个Dom树形结构! 1、获取Dom节点 //对应css选择器 //标签选择器 var h1=document.getElementsByTagName('h1'); //id选择器 var p1=document.getElementById('p1'); //类选择器 var p2 =document.getElementsByClassName('p2'); //通过父亲获得孩子 var father = docum原创 2020-10-31 13:55:45 · 123 阅读 · 0 评论 -
js三分钟计时器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js三分钟计时器</title> <style> input{ border: 1px solid rgba(0,0,0, 0.8); text-align: right; f原创 2020-09-28 16:56:33 · 1023 阅读 · 0 评论 -
js中call和apply方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js的call和apply方法</title> </head> <body> <script type="text/javascript"> // Call和 apply 面试必考。 // 作用:都是改变this指向 /原创 2020-09-28 16:20:15 · 124 阅读 · 0 评论 -
箭头函数
ES6标准新增了一新的函数,Arrow Function(箭头函数) 为什么叫箭头函数呢? 因为他的定义用的就是一个箭头: x => x*x 上边的箭头函数就相当于: function (x){ return x*x; } 箭头函数相当于匿名函数,并且简化了函数定义,箭头函数有两种格式,一种像上边的,只包含一个表达式,连{ }和return 都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ }和return了 第二种格式: x => { if (x > 0原创 2020-09-27 11:04:38 · 97 阅读 · 0 评论 -
史上最详细的闭包经典题目讲解
注意:解释在代码中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js闭包经典题目</title> </head> <body> <script type="text/javascript"> //首先打印结果是:10 10 10 10 10 10 10 10 10 10 //下面我解释结果原创 2020-09-26 17:32:22 · 804 阅读 · 0 评论 -
js作用域链03
代码解释在注解中: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js作用域03</title> </head> <body> <script type="text/javascript"> //首先说一下,运行打印结果:101 102 //下面,我就来解释一下 /原创 2020-09-26 15:56:27 · 51 阅读 · 0 评论 -
js作用域链
js作用域02 代码解析在注释中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js作用域02</title> </head> <body> <script type="text/javascript"> //下面我们来分析一下下边的代码 //首先,左后运行的结果是:123原创 2020-09-26 15:05:41 · 74 阅读 · 0 评论 -
js作用域01
注意:解释在代码注释中! <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js作用域1</title> </head> <body> <script type="text/javascript"> function a(){ function b(){原创 2020-09-26 14:49:29 · 43 阅读 · 0 评论 -
HTML中href属性 和 src属性的区别
href:它是超链接,会建立通道,让当前元素或者当前文档和引用资源进行联系,需要引用资源的时候就可以通过通道进行引用了。 src:它会把资源下载下来代替当前的元素,然后嵌入到文档中。 ...原创 2020-09-25 21:18:37 · 472 阅读 · 0 评论 -
史上最详细的JavaScript预编译讲解
讲解在代码中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>js预编译讲解</title> </head> <body> <script type="text/javascript"> //预编译是发生在函数执行前的步骤,是真实存在的,但是我们是看不见的 //首先我们要知道预编译的4个步骤原创 2020-09-25 13:02:19 · 102 阅读 · 0 评论