dom操作 1. 内容操作 html(): 获取/设置元素的标签体内容 text(): 获取/设置元素的标签体纯文本内容 val()： 获取/设置元素的value属性值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit ...
分类：
Web程序 时间：
2021-07-12 17:53:21
阅读次数：
0
操作DOM节点，做常用的是document.getElementById() 和 document.getElementsByTagName() ， 以及css选择器document.getElementsByClassName(); document.getElementsByTagName() ...
分类：
其他好文 时间：
2021-07-02 16:16:13
阅读次数：
0
JavaScript库，是一个封装好的集合（方法和函数）。简单说就是一个js文件，里面是堆原生js代码进行了封装。 Jquery是一个JS库，就是为了快速方便操作DOM，里面基本都是函数（方法）。 JQuery优点： 轻量级，核心文件才几十kb 跨浏览器兼容，基本兼容了现在主流的浏览器 链式编程，隐 ...
分类：
Web程序 时间：
2021-06-28 20:29:42
阅读次数：
0
ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例 只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册 只要想要在React中直接操作DOM元素，就必 ...
分类：
其他好文 时间：
2021-06-02 20:20:52
阅读次数：
0
操作DOM（重点） 核心：浏览器本身就是一个DOM树形结构 DOM的增删改查 更新：更新DOM节点 遍历DOM节点：得到DOM节点 删除：删除一个DOM节点 添加：添加一个新的节点 想要操作一个DOM节点就必须先得到这个DOM节点 获得DOM节点 <div id="father"> <h1>大标题1 ...
分类：
Web程序 时间：
2021-06-02 14:57:15
阅读次数：
0
vue中的条件渲染 v-if v-show 控制模板标签是否在页面上显示 v-if 对应的js表达式为false：移除该标签dom节点 v-show 对应的js表达式为false：只控制了display属性为none，dom节点依然存在 v-show 性能好一点，因为不会去频繁的操作dom v-if ...
分类：
其他好文 时间：
2021-04-06 14:53:43
阅读次数：
0
前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优 ...
分类：
其他好文 时间：
2021-03-17 14:24:22
阅读次数：
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ...
分类：
Web程序 时间：
2020-12-31 11:49:30
阅读次数：
0
引言最近撸Vue的项目，感觉的有点心累。恰巧近日，有读者来信，就是想咨询一下烟哥，现在还有必要学习jQuery么？我明白，现在MVVM框架逐渐占据了主要市场，很多老项目也逐渐的从jQuery转向了MVVM架构！例如，知名网站github在2018-09-06发了一篇文章叫《RemovingjQueryfromGitHub.comfrontend》就提到了，已经改版并放弃了jQuery。于是一些读者
分类：
Web程序 时间：
2020-11-01 21:07:33
阅读次数：
33
明白了 DOM 操作有哪些消耗性能问题后，要提升性能就变得很简单了，反其道而行之，减少这些操作即可。 在循环外操作元素 比如下面两段测试代码对比了读取 1000 次 JSON 对象以及访问 1000 次 body 元素的耗时差异，相差一个数量级。 const times = 10000; conso ...
分类：
其他好文 时间：
2020-08-20 19:01:31
阅读次数：
77
