什么是虚拟dom用js模拟一颗dom树,放在浏览器内存中.当你要变更时,虚拟dom使用diff算法进行新旧虚拟dom的比较,将变更放到变更队列中, 反应到实际的dom树,减少了dom操作. 虚拟DOM将DOM树转换成一个JS对象树,diff算法逐层比较,删除,添加操作,但是,如果有多个相同的元素,可 ...
分类：
其他好文 时间：
2020-04-04 11:51:58
阅读次数：
495
指令是以数据去驱动DOM行为，简化DOM操作。常用指令如下 v-text innertext，不能解析文本中的html标签 v-html innerhtml，可解析文本中的html标签 v-show 控制元素的显示、隐藏 v-if、v-else-if、v-else 满足条件才显示对应的元素 v-fo ...
分类：
其他好文 时间：
2020-04-01 00:44:05
阅读次数：
75
vue是国人开发的一个js框架，国人用得比较多。 Vue等框架与jQuery的区别 jQuery基于dom操作 Vue框架以数据驱动、组件化开发为核心 下载vue.js 如果安装了node，执行命令 npm install vue 下载vue.js，可在vue后面加上 @版本号 指定要下载的vue. ...
分类：
其他好文 时间：
2020-03-31 22:51:21
阅读次数：
83
JavaScript DOM 基础 DOM 即文档对象模型，是操作 HTML/XML 文档的一套方法。通过 DOM 操作节点，使页面发生改变，是动态文档技术的核心内容 DOM 的含义 DOM 即 document object model，文档对象模型 JavaScript 中有三类对象 本地对象 ...
分类：
编程语言 时间：
2020-03-31 21:20:10
阅读次数：
67
一、标签属性值的设定和获取 标签对象.steAttribute('属性名称',属性值)；一次只能定义一个，如果要定义多个，需要多次执行获取标签属性值标签对象.getAttribute('属性名称');获取的结果都是字符串 //获取所有div的标签 var oDiv1 = document.query ...
分类：
编程语言 时间：
2020-03-30 09:57:11
阅读次数：
85
jQuery - 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 获得内容 - text()、ht ...
分类：
Web程序 时间：
2020-03-28 10:42:33
阅读次数：
115
为什么需要函数防抖和函数节流？ 例如DOM操作比起非DOM交互需要更多的内存和CPU占用时间。连续尝试进行过多的DOM操作可能会导致浏览器挂起，甚至崩溃； 例如当调整浏览器大小的时候，resize事件会连续触发；如果在resize事件处理程序内部尝试进行DOM操作，其高频率的更改可能会让浏览器崩溃； ...
分类：
Web程序 时间：
2020-03-27 19:54:07
阅读次数：
78
1.模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style t ...
分类：
编程语言 时间：
2020-03-22 22:37:45
阅读次数：
76
由于连续进行过多的dom操作，有时候会导致浏览器运行崩溃，尤其是在ie中使用onrise事件处理的程序中有dom操作，高频的修改可能会导致浏览器崩溃，为了绕开这个问题，可以用定时器对函数进行节流。 当别人问你，同学说一下函数节流吧？ 你可以告诉他，某些代码不可以在没有间断的情况连续重复执行。第一次调 ...
分类：
其他好文 时间：
2020-03-22 13:35:06
阅读次数：
79
