181 this指向问题
摘要：
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 现阶段，我们先了解一下几个this指向 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 【全局作用域 阅读全文
posted @ 2020-01-11 20:07 冲啊！ 阅读(110) 评论(0) 推荐(0) 编辑
0180 定时器 之 setInterval() ：开启定时器，京东倒计时案例，停止定时器，发送短信倒计时案例
摘要：
1、开启定时器 timeout：暂停; 超时。 interval： (时间上的) 间隔，间隙，间歇。 2、案例：京东倒计时 阅读全文
posted @ 2020-01-11 18:14 冲啊！ 阅读(524) 评论(0) 推荐(0) 编辑
0179 定时器 之 setTimeout() ：开启定时器，5秒后关闭广告案例，停止定时器
摘要：
1、开启定时器 js 普通函数是按照代码顺序直接调用。 【我的理解： 。】 简单理解： 回调，就是 的意思。上一件事干完，再回头再调用这个函数。 例如：定时器中的调用函数，事件处理函数，也是回调函数。 以前我们讲的 element.onclick = function(){} 或者 element. 阅读全文
posted @ 2020-01-11 12:22 冲啊！ 阅读(811) 评论(0) 推荐(0) 编辑
0178 window对象的常见事件：onload ，DOMContentLoaded ，onresize，innerWidth
摘要：
1.2.4.1 页面（窗口）加载事件（2种） 第1种：window.onload window.onload 是窗口 (页面）加载事件， 当文档内容完全加载完成 会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。 第2种：DOMContentLoaded DOMConten 阅读全文
posted @ 2020-01-11 11:36 冲啊！ 阅读(345) 评论(0) 推荐(0) 编辑
0177 BOM：概述，构成，顶级对象window
摘要：
1.2.1 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的 阅读全文
posted @ 2020-01-11 11:32 冲啊！ 阅读(341) 评论(0) 推荐(0) 编辑
0176 常用的键盘事件：keyup，keydown，keypress
摘要：
1.1.1 键盘事件 keyup、keydown不区分大小写，keypress 区分大小写 keyup、keydown能识别功能键，keypress 不能识别功能键 1.1.2 键盘事件对象 使用keyCode属性判断用户按下哪个键 1.1.3 案例：模拟京东按键输入内容 当我们按下 s 键， 光标 阅读全文
posted @ 2020-01-11 09:43 冲啊！ 阅读(722) 评论(0) 推荐(0) 编辑
0175 常用鼠标事件 之 鼠标事件对象、获取鼠标在页面的坐标、跟随鼠标的天使案例
摘要：
event对象代表事件的状态，跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。 1.4.3 获取鼠标在页面的坐标 1.4.4 案例：跟随鼠标的天使 阅读全文
posted @ 2020-01-10 21:17 冲啊！ 阅读(410) 评论(0) 推荐(0) 编辑
0174 常用鼠标事件 之 禁止选中文字和禁止右键菜单：contextmenu，selectstart
摘要：
 ```js 我是一段不愿意分享的文字 ``` 阅读全文
posted @ 2020-01-10 20:17 冲啊！ 阅读(324) 评论(0) 推荐(0) 编辑
0173 事件委托：原理、作用
摘要：
事件冒泡本身的特性，会带来的坏处，也会带来的好处。 1.3.8.1 什么是事件委托 事件委托：也称为事件代理，在 jQuery 里面称为事件委派。 说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 生活中的代理： js事件中的代理： 1.3.8.2 事件委托的原理 阅读全文
posted @ 2020-01-10 19:55 冲啊！ 阅读(331) 评论(0) 推荐(0) 编辑
0172 事件对象 之 阻止事件冒泡：stopPropagation()，cancelBubble=true
摘要：
事件冒泡本身的特性，会带来的坏处，也会带来的好处。 阻止事件冒泡的兼容性处理 阅读全文
posted @ 2020-01-10 17:29 冲啊！ 阅读(289) 评论(0) 推荐(0) 编辑
0171 事件对象 之 阻止默认行为：preventDefault()，returnValue，return false
摘要：
html中一些标签有默认行为，例如a标签被单击后，默认会进行页面跳转。 阅读全文
posted @ 2020-01-10 16:48 冲啊！ 阅读(198) 评论(0) 推荐(0) 编辑
0170 事件对象：事件对象的属性和方法，e.target 和 this 的区别
摘要：
1.3.5.1 什么是事件对象 事件对象 ：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象。 比如： 1. 谁绑定了这个事件。 2. 鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。 3. 键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。 1.3.5. 阅读全文
posted @ 2020-01-10 16:43 冲啊！ 阅读(435) 评论(0) 推荐(0) 编辑
0169 DOM事件流/事件机制/事件模型/事件周期：捕获、触发，冒泡
摘要：
DOM事件流 事件流 ：描述的是从页面中接收事件的顺序。 事件 发生时会在元素节点之间按照特定 的 顺序传播，这个 传播过程 即 DOM 事件流 。 比如：我们给页面中的一个div注册了单击事件，当你单击了div时，也就单击了body，单击了html，单击了document。 DOM 事件流会经历3 阅读全文
posted @ 2020-01-10 13:50 冲啊！ 阅读(239) 评论(0) 推荐(0) 编辑
0168 注册事件（2种方式），监听事件，删除事件
摘要：
1.3.1 注册事件（2种方式） 给元素添加事件，称为 注册事件 或者 绑定事件 。 注册事件有两种方式： 传统方式 和 方法监听 注册方式。 1.3.1.1 传统注册方式 利用 on 开头的事件 onclick 特点： 1、注册事件的 唯一性 2、同一个元素同一个事件只能设置一个处理函数，最后注册 阅读全文
posted @ 2020-01-10 11:18 冲啊！ 阅读(757) 评论(0) 推荐(0) 编辑
0167 DOM核心总结：创建、增、删、改、查、属性操作、事件操作
摘要：
关于dom操作，我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。 1.2.1 创建 1.2.2 增加 1.2.3 删 1.2.4 改 1.2.5 查 1.2.6 属性操作 1.2.7 事件操作（重点） 阅读全文
posted @ 2020-01-10 09:11 冲啊！ 阅读(157) 评论(0) 推荐(0) 编辑
0166 DOM 之 节点操作： 删除节点，删除留言案例，复制（克隆）节点，动态生成表格案例，创建元素的三种方式，innerHTML和createElement效率对比
摘要：
1.1.1 删除节点 1.1.2 案例：删除留言 1.1.3 复制（克隆）节点 1.1.4 案例：动态生成表格 1.1.5 创建元素的三种方式 1.1.6 innerTHML和createElement效率对比 innerHTML字符串拼接方式（效率低） createElement方式（效率一般） 阅读全文
posted @ 2020-01-10 08:49 冲啊！ 阅读(317) 评论(0) 推荐(0) 编辑
0165 DOM 之 节点操作：节点概述，节点层级，父级层级，子节点，新浪下拉菜单案例，兄弟节点，创建节点，添加节点，留言板案例
摘要：
为什么学节点操作 1.6.1 节点概述 网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少 阅读全文
posted @ 2020-01-09 17:37 冲啊！ 阅读(471) 评论(0) 推荐(0) 编辑
0164 DOM 之 自定义属性操作：获取属性值，设置属性值，删除属性， tab 栏案例，H5自定义属性
摘要：
1.5.1 获取属性值 1.5.2 设置属性值 1.5.3 删除属性 1.5.4. 案例：tab栏 1.5.5 H5自定义属性 自定义属性目的：为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取：可以通过 getAttribute(‘属性’) 获取 。 但是有些自定义 阅读全文
posted @ 2020-01-09 11:24 冲啊！ 阅读(561) 评论(0) 推荐(0) 编辑
0163 DOM操作元素 之 样式属性操作：style、className、淘宝点击关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误信息
摘要：
我们可以通过 JS 修改元素的大小、颜色、位置等样式。 常用方式 1.5.6.1 方式1：通过操作style属性 元素对象的style属性也是一个对象！ 元素对象.style.样式属性 = 值; 案例代码 案例：淘宝点击关闭二维码 案例：循环精灵图背景 案例：显示隐藏文本框内容 方式2：通过操作cl 阅读全文
posted @ 2020-01-08 16:26 冲啊！ 阅读(615) 评论(0) 推荐(0) 编辑
0162 DOM操作元素 之 表单元素的属性操作、仿京东显示密码案例
摘要：
利用 DOM 可以操作如下表单元素的属性： type、value、checked、selected、disabled。 获取属性的值 元素对象.属性名 设置属性的值 元素对象.属性名 = 值 表单元素中有一些属性如：disabled、checked、selected，元素对象的这些属性的值是布尔型。 阅读全文
posted @ 2020-01-08 16:19 冲啊！ 阅读(217) 评论(0) 推荐(0) 编辑
