js--DOM操作 dom获取 DOM获取 //参数是字符串 document.getElementById() 获取特定 ID 元素的节点 document.getElementsByTagName() 获取相同元素的节点列表 document.getElementsByName() 获取相同名称 ...
分类：
Web程序 时间：
2020-05-03 00:34:42
阅读次数：
76
第一次发项目，以供大家学习参考，可能有些简陋，若有不合理处，请大神们指教。 最近在朋友圈出现了很多DIY类的H5游戏，通过添加拖拉摆放和组合元素，来DIY自定义一个场景并合成图片分享出去的新H5展示形式。笔者也用操作DOM的形式做了一个类似项目，现在整合成一个简易的框架分享给大家，只需要根据自己的需 ...
分类：
其他好文 时间：
2020-05-01 14:29:17
阅读次数：
228
WebAPIs 包含 BOM 跟 DOM。 DOM 是一套操作页面元素的 API。DOM可以把 HTML 看作是文档树。通过 DOM 提供的 API 可以对树上的节点进行操作。 DOM 中的 "D" 是 document (文档)。 DOM 中的 "O" 是 Object (对象)。 DOM 中的 ...
分类：
其他好文 时间：
2020-05-01 12:56:26
阅读次数：
51
一、为什么JavaScript是单线程？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题 ...
分类：
Web程序 时间：
2020-04-24 22:05:45
阅读次数：
115
在vue中一般很少直接操作DOM，如果需要操作DOM，我们可以通过ref 和$ref来实现。 1 ref ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上，如果是在普通的DOM元素上使用，引用指向的就是 DOM 元素，如果是在子组件上，引用就指向组件的实例。 ...
分类：
其他好文 时间：
2020-04-16 00:20:27
阅读次数：
96
虚拟DOM 虚拟DOM(下面简化称为Vnode)简而言之 ，就是用js去描述一个dom节点树，而DOM变化的对比，都放在js层来做。 传统的dom节点，是这样的 <div> <p className='text'>写个啥内容啊</p> </div>Vnode是长这样的 { nodeName:'div ...
分类：
其他好文 时间：
2020-04-14 20:40:13
阅读次数：
78
操作dom元素 查 查元素 id(getElementById){返回值获取到一个元素，没有找到返回null} class(getElementByClassName){返回值是一个类数组，没有找到返回空数组} 标签名(getElementByTagName){返回是一个数组，没有找到返回空数组} ...
分类：
其他好文 时间：
2020-04-13 23:13:16
阅读次数：
84
今天在推特看到一篇文章《当页面渲染时，浏览器发生了什么》，于是找了些资料，分享一下所得。 浏览器的主要概念 浏览器主要分为这及部分。 User Interface 用户接口。浏览器中的地址栏、前进后退、书签菜单等。除了网页显示区域以外的都是。 Brower engine 浏览器引擎。查询与操作渲染引 ...
分类：
其他好文 时间：
2020-04-05 11:46:00
阅读次数：
80
1、定义 虚拟dom就是一个简单的对象，包含标签名（tag）、属性（attr）、子元素（children），通过js操作virtual DOM，最终映射到真实的dom上。 2、为什么要用虚拟dom： 频繁地操作dom，会造成页面的回流和重绘，增加性能开销，降低页面的渲染速度。 把dom的操作放到js ...
分类：
其他好文 时间：
2020-04-03 23:30:09
阅读次数：
112
问题描述： Vue不允许js直接操作他的dom对象中的属性， 解决：通过js直接操作Vue还没赋值时的元素。即原先我们是直接把我们想要的值赋值给标签，现在我们需要先把值赋值给Vue,然后通过Vue再把值赋值给标签，这样，就避免了直接操作dom元素 代码： 第一步：在外面创建一个变量，并把值赋值给Vu ...
分类：
Web程序 时间：
2020-04-02 21:07:55
阅读次数：
133
