文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性，类似于盒子模型（由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素）。当渲染树构建完成后，浏览器就可以将元素放置到正确的位置了，再根据渲染树节...
分类：
其他好文 时间：
2014-12-26 14:22:43
阅读次数：
144
Knockout是一个轻量级的UI类库，通过应用MVVM模式使JavaScript前端UI简单化。Knockout有如下4大重要概念：声明式绑定(Declarative Bindings)：使用简明易读的语法很容易地将模型(model)数据关联到DOM元素上。UI界面自动刷新(Automatic U...
分类：
Web程序 时间：
2014-12-25 18:06:25
阅读次数：
134
下面做的是一个更新时间的效果，每一秒钟就会更新一下，视图中会显示出当前的时间下面的这个例子中，SceondController函数将接受两个参数，既该DOM元素的$scope和$timeout。可以将视图中clock变量用{{}}包起来，以显示$scope中的clock的值。////////////...
分类：
Web程序 时间：
2014-12-25 15:53:12
阅读次数：
224
本文所指TwoQueues缓存模型，是说数据在内存中的缓存模型。 无论何种语言，都可能需要把一部分数据放在内存中，避免重复运算、读取。最常见的场景就是JQuery选择器，有些Dom元素的选取是非常耗时的，我们希望能把这些数据缓存起来，不必每次调用都去重新遍历Dom树。 存就存吧，但总得有个量...
分类：
编程语言 时间：
2014-12-25 12:43:02
阅读次数：
197
很喜欢写一些小方法或伪代码模型存起来，以后就可以直接拿来用了，虽然还是菜鸟一只，但爷爷都是从孙子过来的嘛，下面贴上本周用到的几个小例子##1.在动态渲染元素的时候，需要逻辑判断 在循环渲染dom元素时，循环遍历中需要逻辑操作，如果不使用模板： var addList = functi...
分类：
其他好文 时间：
2014-12-23 17:20:49
阅读次数：
204
JS /* * 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里 * @id 要插入到DOM元素的ID * * 输入值为图片URL 字符串 * */ function addImages(id){ ...
分类：
编程语言 时间：
2014-12-19 17:23:03
阅读次数：
169
一开始总是对DOM对象和jQuery对象搞不清楚。现在对此做一下总结：
DOM 对象：文档对象模型。每一份DOM都可以看作一棵树。像ul,li ol dl p h1 等等都是DOM元素节点。可以通过js的getElementsByTagName 和 getElementById 来获取这些元素节点。像这样得到的DOM元素就是DOM对象。
DOM对象可以使用javasc...
分类：
Web程序 时间：
2014-12-18 18:53:25
阅读次数：
148
jQuery允许我们在css选择器的基础上定义自定义选择器来让我们的代码更简洁；下面是使用方法和参数说明： 1 $.expr[':'].mycustomselector= function(element, index, meta, stack){ 2 // element- DOM元素 3...
分类：
其他好文 时间：
2014-12-18 14:59:14
阅读次数：
199
确保代码尽量简洁不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具，只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。尽量减少DOM访问使用JavaScript访问DOM元素很容易，...
分类：
Web程序 时间：
2014-12-17 12:22:49
阅读次数：
138
首先说说window和document，直观上来讲，window代表的是浏览器窗口，而document代表的是浏览器窗口中加载的dom元素，进一步说，document是window的一个属性，window是最顶级的对象。二者有啥区别呢？很好理解，假设现在有一个浏览器，里边加载的页面特别长，已经超出了一屏，当..
