触发DOM上的交互事件会生成一个event对象，用以保存事件的信息。比如鼠标交互的事件会保存鼠标的位置，键盘交互的事件会保存键的值。 1.DOM0级和DOM2级事件处理程序在进行事件处理时都会有一个event对象传入。例如event.type会保存事件类型名称。 2.HTML事件处理程序中的变量ev ...
分类：
其他好文 时间：
2020-02-02 01:05:33
阅读次数：
67
总结： 1.HTML事件处理程序不允许使用未转义字符，event变量访问事件对象，this指向目标元素本身，建议使用try/catch语句避免浏览器报错，但并不推荐使用HTML事件处理程序。 2.DOM0级事件处理程序中this指向目标元素本身，赋值null删除事件处理程序。 3.DOM2级事件处理 ...
分类：
其他好文 时间：
2020-02-01 10:56:14
阅读次数：
56
事件流是用来描述html页面中接收事件的顺序的。 IE给出的顺序叫做事件冒泡。 Netscape给出的顺序叫做事件捕获。 <!Doctype> <html> <body> <div id="btn">Click me</div> </body> </html> 事件冒泡正如其名，向鱼类吐泡泡一样。当 ...
分类：
其他好文 时间：
2020-02-01 01:09:43
阅读次数：
92
DOM事件流： 1、事件冒泡 2、事件捕获 DOM2事件流： 1、事件捕获阶段 2、处于目标阶段 3、事件冒泡阶段 DOM3事件 事件处理程序： 1、HTML事件处理程序： 例一：<input type="button" value="Click Me" onclick="alert('Clicke ...
分类：
编程语言 时间：
2020-01-27 17:32:56
阅读次数：
77
div 实现input 的placeholder效果 contenteditable="true"属性 1 设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如： <div contenteditable="true"></div> .dom1, .dom2, .dom3 { ...
分类：
Web程序 时间：
2020-01-14 12:48:15
阅读次数：
90
DEM0级： var Observer = (function() { /* 声明一个空对象，存储事件和触发事件 */ var obj = {}; return { // 添加事件 事件名，事件处理程序 add: function(name, fn) { // 将事件写入对象 obj[name] = ...
分类：
其他好文 时间：
2020-01-11 22:18:34
阅读次数：
93
Vue 虽然采用了“数据驱动”的思想，但我们依然需要在某些情况下进行少量的 DOM 操作。在 Vue 中，异步执行 DOM 更新。多数情况下，我们并不需要考虑这个过程，但是如果我们的某个操作中，DOM1 的数据变化后，DOM2 需要从 DOM1 的 DOM 结构中获取数据，就会发现数据并没有实时更新 ...
分类：
其他好文 时间：
2020-01-02 19:10:25
阅读次数：
119
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-12-28 20:44:10
阅读次数：
58
Table of Contents1. 认识Vue2. Vue安装3. Hello Vuejs3.1 Mustache3.21. 认识Vue读音 vju:Vue是一个渐进式框架Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2. Vue安装 CDN... ...
分类：
其他好文 时间：
2019-12-19 19:12:25
阅读次数：
101
自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城市提出或在建智慧城市。
基于这样的背景，本... ...
分类：
Web程序 时间：
2019-12-19 16:20:57
阅读次数：
116
