JavaScript - 随笔分类(第9页) - 冲啊！

0182 JavaScript执行机制：单线程，同步任务和异步任务，执行栈，消息队列，事件循环

摘要：以下代码执行的结果是什么？【结果是1 2 3 】以下代码执行的结果是什么？【结果是1 2 3 】 1.3.1 JS 是单线程 1.3.2 同步任务和异步任务单线程导致的问题就是后面的任务等待前面任务完成，如果前面任务很耗时（比如读取网络数据），后面任务不得不一直等待！！为了解决这个阅读全文

posted @ 2020-01-11 22:39 冲啊！阅读(455) 评论(0) 推荐(0)

181 this指向问题

摘要： this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。现阶段，我们先了解一下几个this指向全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）【全局作用域阅读全文

posted @ 2020-01-11 20:07 冲啊！阅读(116) 评论(0) 推荐(0)

0180 定时器之 setInterval() ：开启定时器，京东倒计时案例，停止定时器，发送短信倒计时案例

摘要：1、开启定时器 timeout：暂停; 超时。 interval： (时间上的) 间隔，间隙，间歇。 2、案例：京东倒计时阅读全文

posted @ 2020-01-11 18:14 冲啊！阅读(547) 评论(0) 推荐(0)

0179 定时器之 setTimeout() ：开启定时器，5秒后关闭广告案例，停止定时器

摘要：1、开启定时器 js 普通函数是按照代码顺序直接调用。【我的理解：。】简单理解：回调，就是的意思。上一件事干完，再回头再调用这个函数。例如：定时器中的调用函数，事件处理函数，也是回调函数。以前我们讲的 element.onclick = function(){} 或者 element. 阅读全文

posted @ 2020-01-11 12:22 冲啊！阅读(826) 评论(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 冲啊！阅读(364) 评论(0) 推荐(0)

0177 BOM：概述，构成，顶级对象window

摘要：1.2.1 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的阅读全文

posted @ 2020-01-11 11:32 冲啊！阅读(363) 评论(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 冲啊！阅读(803) 评论(0) 推荐(0)

0175 常用鼠标事件之鼠标事件对象、获取鼠标在页面的坐标、跟随鼠标的天使案例

摘要：event对象代表事件的状态，跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。 1.4.3 获取鼠标在页面的坐标 1.4.4 案例：跟随鼠标的天使阅读全文

posted @ 2020-01-10 21:17 冲啊！阅读(449) 评论(0) 推荐(0)

0174 常用鼠标事件之禁止选中文字和禁止右键菜单：contextmenu，selectstart

摘要：![](https://img2018.cnblogs.com/blog/1877004/202001/1877004-20200110201611620-110471947.png) ```js 我是一段不愿意分享的文字 ``` 阅读全文

posted @ 2020-01-10 20:17 冲啊！阅读(336) 评论(0) 推荐(0)

0173 事件委托：原理、作用

摘要：事件冒泡本身的特性，会带来的坏处，也会带来的好处。 1.3.8.1 什么是事件委托事件委托：也称为事件代理，在 jQuery 里面称为事件委派。说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。生活中的代理： js事件中的代理： 1.3.8.2 事件委托的原理阅读全文

posted @ 2020-01-10 19:55 冲啊！阅读(344) 评论(0) 推荐(0)

0172 事件对象之阻止事件冒泡：stopPropagation()，cancelBubble=true

摘要：事件冒泡本身的特性，会带来的坏处，也会带来的好处。阻止事件冒泡的兼容性处理阅读全文

posted @ 2020-01-10 17:29 冲啊！阅读(306) 评论(0) 推荐(0)

0171 事件对象之阻止默认行为：preventDefault()，returnValue，return false

摘要：html中一些标签有默认行为，例如a标签被单击后，默认会进行页面跳转。阅读全文

posted @ 2020-01-10 16:48 冲啊！阅读(210) 评论(0) 推荐(0)

0170 事件对象：事件对象的属性和方法，e.target 和 this 的区别

摘要：1.3.5.1 什么是事件对象事件对象：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象。比如： 1. 谁绑定了这个事件。 2. 鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。 3. 键盘触发事件的话，会得到键盘的相关信息，如按了哪个键。 1.3.5. 阅读全文

posted @ 2020-01-10 16:43 冲啊！阅读(480) 评论(0) 推荐(0)

0169 DOM事件流/事件机制/事件模型/事件周期：捕获、触发，冒泡

摘要：DOM事件流事件流：描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即 DOM 事件流。比如：我们给页面中的一个div注册了单击事件，当你单击了div时，也就单击了body，单击了html，单击了document。 DOM 事件流会经历3 阅读全文

posted @ 2020-01-10 13:50 冲啊！阅读(250) 评论(0) 推荐(0)

0168 注册事件（2种方式），监听事件，删除事件

摘要：1.3.1 注册事件（2种方式）给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式。 1.3.1.1 传统注册方式利用 on 开头的事件 onclick 特点： 1、注册事件的唯一性 2、同一个元素同一个事件只能设置一个处理函数，最后注册阅读全文

posted @ 2020-01-10 11:18 冲啊！阅读(802) 评论(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 冲啊！阅读(164) 评论(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 冲啊！阅读(368) 评论(0) 推荐(0)

0165 DOM 之节点操作：节点概述，节点层级，父级层级，子节点，新浪下拉菜单案例，兄弟节点，创建节点，添加节点，留言板案例

摘要：为什么学节点操作 1.6.1 节点概述网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。一般地，节点至少阅读全文

posted @ 2020-01-09 17:37 冲啊！阅读(557) 评论(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 冲啊！阅读(599) 评论(0) 推荐(0)

0163 DOM操作元素之样式属性操作：style、className、淘宝点击关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误信息

摘要：我们可以通过 JS 修改元素的大小、颜色、位置等样式。常用方式 1.5.6.1 方式1：通过操作style属性元素对象的style属性也是一个对象！元素对象.style.样式属性 = 值; 案例代码案例：淘宝点击关闭二维码案例：循环精灵图背景案例：显示隐藏文本框内容方式2：通过操作cl 阅读全文

posted @ 2020-01-08 16:26 冲啊！阅读(660) 评论(0) 推荐(0)

随笔分类 - JavaScript