1. 浏览器渲染过程是怎样的? 按照渲染的时间顺序,流水线可分为如下几个子阶段: 、`样式计算 布局阶段 分层 栅格化 显示`。 1. 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 2. 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets,计算出 DOM 节点的样式。 ...
分类:
其他好文 时间:
2019-10-18 19:05:43
阅读次数:
57
前言 vue.js是一套构建用户界面的渐进式框架,vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 vue通过DOM事件操作和指令来进行视图层和模型层的相互通讯,会为每一处需要动态更新的DOM节点创建一个指令对象。每当一个指令对象观测的数据变化时,它便会对所绑定的目标节 ...
分类:
Web程序 时间:
2019-10-13 19:07:03
阅读次数:
141
1 /* 全屏方法 2 * ========= 3 4 5 6 */ 7 +function ($) { 8 'use strict'; 9 10 /* 11 * [setFullscreen 设置全屏] 12 * @param {domElement} element [DOM节点对象(可选)] ... ...
分类:
Web程序 时间:
2019-10-07 19:44:42
阅读次数:
125
v-show的功能和v-if基本一样,但是v-if有衍生的v-else-if和v-else,v-show没有 v-show的性能比v-if要好,能用v-show就不要用v-if v-if是删除dom节点 v-show是不删除dom节点,增加行级样式'display:none' 代码: <!docty ...
分类:
其他好文 时间:
2019-10-06 16:59:35
阅读次数:
112
要向HTML DOM添加新元素,必须首先创建元素(元素节点),然后将其附加到现有元素。 appendChild()上一个示例中的方法将新元素作为父项的最后一个子项附加。如果您不希望可以使用insertBefore()方法: 要将元素替换为HTML DOM,请使用以下replaceChild()方法: ...
分类:
编程语言 时间:
2019-10-06 09:37:43
阅读次数:
61
我们常常有这样的需求,在某组件渲染完成后,才能进行数据请求,请求与这个值有关。首先想到的是,在mounted里面执行 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进 ...
分类:
其他好文 时间:
2019-09-29 19:51:56
阅读次数:
78
㈠方式一:通过DOM节点的 style 样式获取 dom.style.width/height 只能获取使用内联样式的元素的宽和高。 效果图: 缺点:通过这种方式,只能获取行内样式,不能获取内嵌的样式和外链的样式。 ㈡方式二(通用型) ⑴window.getComputedStyle(dom).wi ...
分类:
Web程序 时间:
2019-09-27 21:04:04
阅读次数:
111
一 生命周期 (更新中) 1、beforeCreate 创建前 【注】这个阶段,不能使用 this 变量,data() 中的数据、menthods() 中的方法、watcher() 中的事件都不能获得。 【例】添加 loading 事件,在加载实例时触发 2、created 创建完毕 【注】这个阶段 ...
分类:
其他好文 时间:
2019-09-25 12:29:19
阅读次数:
93
一般来讲,获取DOM元素,需要使用document.querySelector('#input1')方法去获取dom节点,然后再获取input1的值。 但是使用了ref绑定之后,我们就不需要再获取dom节点了,可以直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在Java ...
分类:
其他好文 时间:
2019-09-23 10:15:28
阅读次数:
147
这周学习了JQ通过引入 JQ文件 可以减少寻找DOM节点的代码量 而且有一些操作能够代替 for循环 但是要注意 jq路径 以及 代码加载顺序 模拟抽奖 可以开启暗门 所以 哈哈哈哈 ...
分类:
其他好文 时间:
2019-09-22 23:52:37
阅读次数:
116