明白了 DOM 操作有哪些消耗性能问题后，要提升性能就变得很简单了，反其道而行之，减少这些操作即可。 在循环外操作元素 比如下面两段测试代码对比了读取 1000 次 JSON 对象以及访问 1000 次 body 元素的耗时差异，相差一个数量级。 const times = 10000; conso ...
分类：
其他好文 时间：
2020-08-20 19:01:31
阅读次数：
77
Vue基础2 玩Vue就想着数据驱动，别老想dom操作。 项目实例：https://github.com/bailicangdu/vue2-elm 路由 概念 后端路由 前端路由 使用 基本使用 使用router-link代替a 使用redirect重定向 给路由设置高亮的两种方式 路由传参 路由嵌 ...
分类：
其他好文 时间：
2020-08-10 13:17:52
阅读次数：
61
话不多说直接上demo: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div class="contain ...
分类：
其他好文 时间：
2020-07-31 19:23:28
阅读次数：
87
需求： 原理： 拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。 ...
分类：
Web程序 时间：
2020-07-26 00:33:14
阅读次数：
89
1：jquery的对DOM节点的基本操作 1)获取和设置HTML $('#id').html(); //()中没有值时为获取，有值时为设置 2)获取和设置文本（text） $('.class').text(); //()中没有值时为获取，有值时为设置 3)获取和设置value值 $('input[n ...
分类：
Web程序 时间：
2020-07-19 11:22:07
阅读次数：
91
今日内容 1. JQuery 基础1-6 高级7-11： 1. 概念 2. 快速入门 3. JQuery对象和JS对象区别与转换 4. 选择器 5. DOM操作 6. 案例 7. 动画 8. 遍历 9. 事件绑定 10. 案例 11. 插件 JQuery 基础： 1. 概念： 一个JavaScrip ...
分类：
编程语言 时间：
2020-07-16 21:17:51
阅读次数：
69
jQuery DOM操作 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 内容操作 html() 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font> text() 获 ...
分类：
Web程序 时间：
2020-07-11 17:07:28
阅读次数：
83
1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button> ...
window.open 弹出新窗口的命令 height 窗口的高度 width 窗口的宽度 top 窗口距离屏幕最上方的像素值 left 窗口距离屏幕最左侧的像素值 toolbar 是否县级市工具栏 menubar/scrollbars 表示菜单栏和滚动栏 resizble 是否允许改变窗口大小 l ...
分类：
其他好文 时间：
2020-07-10 09:19:31
阅读次数：
66
1. 内容操作 1. html(): 获取/设置元素的标签体内容 2. text(): 获取/设置元素的标签体纯文本内容 3. val()： 获取/设置元素的value属性值 2. 属性操作 1. 通用属性操作 1. attr(): 获取/设置元素的属性 2. removeAttr():删除属性 3 ...
分类：
Web程序 时间：
2020-07-07 19:57:15
阅读次数：
72
