1.简述重排的概念浏览器下载完页面中的所有组件(HTML、JavaScript、CSS、图片)之后会解析生成两个内部数据结构(DOM树和渲染树),DOM树表示页面结构,渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化,DOM树的结构变化,渲染树需要重新计算。2.简述重绘的概念重绘是一个元...
分类:
其他好文 时间:
2016-01-26 00:14:42
阅读次数:
2529
利用CSS3在Angular中实现动画。直接看例子: ngAnimate插件1 引入angular-animate插件,我们绑定了ng-if指令,在删除和添加DOM节点的时候,angular会添加指定的class,方便我们完成动画。.ng-enter.ng-enter-active.n...
分类:
其他好文 时间:
2016-01-14 22:19:38
阅读次数:
236
DOM节点的种类 元素和标签是一个意思,例如标签或者称为元素 节点DOM的节点分为三类 元素节点,文本节点,属性节点 例如 例子 其中元素节点就是指这个div,文本节点就是指‘例子’这个文本,属性节点是指id查找和定位节点 查找元素JS提供的几种方法:getElementById() ...
分类:
其他好文 时间:
2016-01-05 22:38:39
阅读次数:
245
最近在学习html dom节点知识时候,对照代码自己敲了一边,始终获取不到文档中的body对象,代码如下(未修改前):网上搜索后得知可能是这句的问题,解析的时候将其也解析成了第一个节点,所以后面获取的结果也不对, 处理方法:将去掉,就可以了, 未完待续:如果去掉声明语句的话,浏览器解析h...
分类:
其他好文 时间:
2015-12-27 13:26:37
阅读次数:
215
css派生选择器:是指在某个样式表或者dom元素的行内定义行内元素的属性,而其他同名样式在其他dom节点无效的样式表定义方式。例如:div ul li{border:1px solid red;}我是有边框的我是无边框的定义了派生选择器的样式以后,变框属性只针对div ul li元素,而span u...
分类:
Web程序 时间:
2015-12-27 08:28:56
阅读次数:
246
css简介:css指的是层叠样式表,cascading style sheets。用来定义html中的dom节点如何展示在页面中的问题。解决了内容与表现形式的分离问题。常见的样式表有外部链接样式表和内部样式表,简称,外链和内联。css基础表现形式:cssname{porerty:value} div...
分类:
Web程序 时间:
2015-12-27 08:28:42
阅读次数:
152
DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的“M”。页面中的元 素结构就是通过这种节点模型来互相对应着的,我们只需要通过这些节点关系,可以创建、 插入、替换、克隆、删除等等一些列的元素操作。一.创建节点为了使页面更加智能化,有时我们想动态的在 html 结构页面添加一个元素标签...
分类:
其他好文 时间:
2015-12-23 21:13:04
阅读次数:
173
一:属性和方法属性:是节点(HTML 元素)的值,您能够获取或设置(比如节点的名称或内容)。方法:是我们可以在节点(HTML 元素)上执行的动作。(比如添加或修改元素)。二:HTML DOM 定义:DOM(Document Object Model):文档模型,HTML DOM 定义了所有 HTML...
分类:
编程语言 时间:
2015-12-22 10:18:34
阅读次数:
253
1.介绍虽然这篇是css笔记,但是做为web开发,天天和浏览器打交道,有必要先理理我目前了解的浏览器加载和渲染页面的过程。2.页面加载和渲染流程如图:(该篇重点是css,所以该图重点说明css渲染)1.重建DOM树:渲染引擎开始解析html文档,转换树中的标签到DOM节点2.构建渲染树:解析css,...
分类:
Web程序 时间:
2015-12-05 19:27:28
阅读次数:
132
获得和设置内容:text( )、html( ) 以及 val( )text( ) - 设置或返回所选元素的文本内容html( ) - 设置或返回所选元素的内容(包括 HTML 标记)val( ) - 设置或返回表单字段的值例子:$("#btn1").click(function(){ $("#tes...
分类:
Web程序 时间:
2015-12-02 06:33:56
阅读次数:
161