一、前言 我们都知道,javasript是一个单线程的语言;所谓单线程就是同一时间不能做两件事情,两段代码不能同时执行;因为这种机制,才避免了两段js同时对一个DOM节点进行渲染的冲突。但是也会因此产生一个问题,比如说有一个非常耗时的操作在js中执行,因为js是按顺序执行的,所以会导致代码一直卡在这 ...
分类:
编程语言 时间:
2018-07-08 20:13:51
阅读次数:
207
理解生命周期,出处:生命周期和钩子函数的一些理解 beforecreate : 可以在这加个loading事件,在加载实例时触发 created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用 mounted : 挂载元素,获取到DOM节点 updated : ...
分类:
其他好文 时间:
2018-07-07 20:49:40
阅读次数:
157
官方文档 h是Vue.js 里面的 createElement 函数,这个函数的作用就是生成一个 VNode节点,render 函数得到这个 VNode 节点之后,返回给 Vue.js 的 mount 函数,渲染成真实 DOM 节点,并挂载到根节点上。 函数只有一个参数的时候()可以省略;当函数体只 ...
分类:
移动开发 时间:
2018-07-05 23:24:30
阅读次数:
434
创建对象 IntersectionObserver是浏览器原生提供的构造函数,接受两个参数:callback是可见性变化时的回调函数,option是配置对象(该参数可选)。 构造函数的返回值是一个观察器实例。实例的observe方法可以指定观察哪个 DOM 节点。 如果要观察多个节点,就要多次调用这 ...
分类:
其他好文 时间:
2018-07-02 13:31:18
阅读次数:
244
在JS中,所有的事物都是节点,元素、文本等都是节点。 应用场景:可以通过节点进行DOM对象的增删改查 1.获取DOM节点的方法 //通过id获取,唯一的 var oDiv = document.getElementById('box'); //通过类名获取 var oDiv = document.g ...
分类:
其他好文 时间:
2018-07-02 11:07:50
阅读次数:
176
动态创建Dom节点 1.使用$(html字符串)来创建Dom节点 2.append方法用来在元素的末尾追加元素 3.prepend,在元素的开始添加元素。 prependTo。after,在元素之后添加元素(添加兄弟)。before:在元素之前添加元素(添加兄弟)。 删除节点 (1)remove() ...
分类:
Web程序 时间:
2018-06-28 00:58:41
阅读次数:
169
【注意:在HTML中时ref,而在methods中是refs,因为在HTML中ref可能有很多,而在methods是通过总的ref来寻找】 ...
分类:
其他好文 时间:
2018-06-27 21:10:35
阅读次数:
139
##CSS .css:讲的是内嵌样式和最终样式的获取的合并 .offset:相对于整个窗口的可视区域的距离 .innerWidth/innerHeight:内容加padding .outerWidth/outerHeight:内容加padding再加border **jQuery事件好处:既能解决兼 ...
分类:
Web程序 时间:
2018-06-23 20:50:34
阅读次数:
175
DOM:定义了访问HTML和XML文档的标准 核心DOM-针对任何结构化文档的标准模型 XML DOM-针对XML文档的标准模型 HTML DOM-针对HTML文档的标准模型 DOM节点:HTML文档中的所有内容都是节点Node对象 自身属性: 导航属性: 全局查找标签:document.xxx() ...
分类:
编程语言 时间:
2018-06-20 00:48:59
阅读次数:
170
DOM简介 DOM是W3C(万维网联盟)的标准 "W3C文档对象模型DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构、样式".W3C DOM标准分为3个不同部分 HTML DOM 定义了所有HTML元素的对象和属性,以及访问它们的方法 HTML DOM 节点 DOM ...
分类:
其他好文 时间:
2018-06-18 12:37:40
阅读次数:
197