- 博客(14)
- 收藏
- 关注
RSS订阅原创 事件流，事件冒泡
事件流（事件传播）描述页面接收事件的顺序事件发生时，会在元素节点之间传播的顺序事件捕获：事件发生时，从最不具体的元素，依次向下传播到最具体的元素（外--> 内）事件冒泡：事件发生时，从最具体的元素，依次向上传播到最具不具体的元素（内-->外）w3c规定：事件传播有三个阶段1.捕获阶段2.目标阶段（具体点击的是谁 ev.target）3.冒泡阶段DOM2级可以支持捕获事件源.addEventListener（'事件类型'，'事件处理函数',布尔true事件捕
2021-12-20 22:24:27
300
原创 事件绑定，三要素等
事件：事件的三要素： 事件源 事件类型 事件处理函数 事件绑定：1.DOM0级事件 1.1 语法: 事件源.on事件类型 = 事件处理函数 特点: 不可以给同一个对象的同一个事件进行多次绑定 2.DOM2级事件（事件监听器） 2.1 标准浏览器 语法：事件源.addEventListener('事件类型',事件处理函数) 特点：可以给同一个对象的同一个事件进行多次绑定 2.2 IE低版本 语法：事件源.attachEvent('on事件类型',事件处理函数) 特点：可以
2021-12-20 22:23:03
160
原创 DOM节点和节点的操作
1、DOM节点什么叫节点：w3c，页面上所有的内容都可以称为节点，DOM的最小单元就是节点DOM节点的种类：节点包含一共有12种，本节课就认识5种节点DOM节点 标签：元素节点：nodeType 1 属性：属性节点：nodeType 2 文本：文本节点：nodeType 3 注释：注释节点：nodeType 8 文档：文档节点：nodeType 9 DOM节点的获取 父节点.childNodes 获取父节点中所有的子节点 父节点.firstChi
2021-12-20 22:21:38
96
原创 获取元素偏移量和一些案例
获取元素的偏移量 就是元素在页面上的什么位置 我们有几个属性来获取，offsetLeft 和 offsetTop 和 offsetWidth 和 offsetHeight offsetLeft 和 offsetTop 获取的是元左边的偏移量和上边的偏移量 分成两个情况来看 没有定位的情况下 获取元素边框外侧到页面内侧的距离 有定位的情况下 获取元素边框外侧到定位父级边框内侧的距离（其实就是我们写的 left 和 top 值..
2021-12-20 22:20:09
408
原创 DOM 操作属性
DOM（Document Object Model）： 文档对象模型 其实就是操作 html 中的标签的一些能力 我们可以操作哪些内容 获取一个元素 移除一个元素 创建一个元素 向页面里面添加一个元素 给元素绑定一些事件 获取元素的属性 给元素添加一些 css 样式 ... DOM 的核心对象就是 docuemnt 对象 docume...
2021-12-20 22:17:59
115
原创 Date
7.2Date js 提供的内置构造函数，专门用来获取时间的 new Date() new Date() 在不传递参数的情况下是默认返回当前时间 var time = new Date()console.log(time) // 当前时间 Fri Mar 01 2019 13:11:23 GMT+0800 (中国标准时间) new Date() 在传入参数的时候，可以获取到一个你传递进去的时间 var time = new Date('2019-03-03 13:11
2021-12-20 22:16:15
104
原创 Math API
7、Math 和 Date Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 数字 Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 时间 7.1Math 没有什么多余的东西，就是一堆的方法来操作数字 random Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数 每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的 生成的数字包含 0 ，但是不包含 1 var num = Mat
2021-12-20 22:13:56
277
原创 数组和数组api
6、数组6.1定义对象：var obj = {}; //定义一个空对象var obj = { name:'小张', age:18, sex:'男', height:180, eat(){ console.log('吃') }, show(){ console.log('name: ' + obj.name + 'age: ' + obj.age); }}console.log(obj); //打印对象obj.show(); //调用对象（...
2021-12-20 22:12:29
74
原创 递归函数与简单了解对象
5.10递归函数 什么是递归函数 在编程世界里面，递归就是一个自己调用自己的手段 递归函数： 一个函数内部，调用了自己，循环往复 // 下面这个代码就是一个最简单的递归函数// 在函数内部调用了自己，函数一执行，就调用自己一次，在调用再执行，循环往复，没有止尽function fn() { fn()}fn() 其实递归函数和循环很类似 需要有初始化，自增，执行代码，条件判断的，不然就是一个没有尽头的递归函数，我们叫做 死递归 5.10.1简
2021-12-20 22:11:45
51
原创 变量的使用规则
5.9变量使用规则（重点） 有了作用域以后，变量就有了使用范围，也就有了使用规则 变量使用规则分为两种，访问规则 和 赋值规则 5.9.1访问规则 当我想获取一个变量的值的时候，我们管这个行为叫做 访问 获取变量的规则： 首先，在自己的作用域内部查找，如果有，就直接拿来使用 如果没有，就去上一级作用域查找，如果有，就拿来使用 如果没有，就继续去上一级作用域查找，依次类推 如果一直到全局作用域都没有这个变量，那么就会
2021-12-20 22:11:07
665
原创 预解析作用域与递归函数
5.7预解析（重点） 预解析 其实就是聊聊 js 代码的编译和执行 js 是一个解释型语言，就是在代码执行之前，先对代码进行通读和解释，然后在执行代码 也就是说，我们的 js 代码在运行的时候，会经历两个环节 解释代码 和 执行代码 5.7.1解释代码 因为是在所有代码执行之前进行解释，所以叫做 预解析（预解释） 需要解释的内容有两个 声明式函数 在内存中先声明有一个变量名是函数名，并且这个名字代表的内容是一个函数
2021-12-06 08:56:18
54
原创 循环结构与函数
5、循环结构循环结构，就是根据某些给出的条件，重复执行同一段代码循环必须要有某些固定的内容组成1.初始化变量2.条件判断3.循环体（要执行的代码）4.自身改变（自增或自减）5.1while循环 while，中文叫 当...时，意思为：当条件满足时就执行代码，不满足就不执行 语法：while（条件判断）{ 循环体（满足条件就执行）} 因为满足条件就执行，所以需要设定一个边界值，不然就会一直循环下去（死循环） // 1. 初始化条件 var nu
2021-12-06 08:55:20
252
原创 if语句与分支结构
语法1： if(关系表达式){} 关系表达式:能够计算出一个真或者假的表达式 执行流程：当关系表达式为true，就执行{}内部的代码 当关系表达式为false，就不执行{}内部的代码 语法2： if(){}else{} 执行流程：当关系表达式为true，就执行if后{}内部的代码 当关系表达式为false，就执行else后{}内部的代码 语法3： if(true){}else if(){}else if(){}..else{} 执行流程：从上向...
2021-12-06 08:54:36
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人