今天我们了解一下ClassName这个属性也许在学习JS中的时候我们已经见识过了ClassName的伟大，现在我们重新温习一下ClassName这个属性ClassName是DOM节点中一个非常实用的属性，可以通过他来改变页面的样式例子如下：JS中
分类：
其他好文 时间：
2014-10-22 20:19:52
阅读次数：
148
DOM的attribute和property今天讲一个JS的小话题，就是DOM节点的attribute和property的区别，这个点看起来很小，其实背后别有洞天。如果面试一个前端，听他讲讲对这个问题的理解，基本能分辨是不是菜鸟。下面的内容请各位细心体会。页面有一个INPUT输入框 这个比较简单，没...
分类：
Web程序 时间：
2014-10-22 17:29:43
阅读次数：
245
浏览器下载完页面中所有的组件之后，会解析生成两个内部数据结构：
1. DOM树：表示页面结构
2. 表示DOM节点如何显示
当DOM和渲染树构建完成之后，浏览器就开始显示（绘制）页面元素，当DOM的变化影响了元素的几何属性（如改变边框或者高度）浏览器需要重新计算元素的几何属性，同样其他元素的几何属性和位置也会受到影响，浏览器会使中受到影响的部分失效，并重新构造渲染树，这个过程被称...
分类：
其他好文 时间：
2014-10-20 17:28:13
阅读次数：
199
浏览器下载完页面中所有的组件之后，会解析生成两个内部数据结构：1. DOM树：表示页面结构2. 表示DOM节点如何显示 当DOM和渲染树构建完成之后，浏览器就开始显示（绘制）页面元素，当DOM的变化影响了元素的几何属性（如改变边框或者高度）浏览器需要重新计算元素的几何属性，同样其他元素的几何属性和位...
分类：
其他好文 时间：
2014-10-20 16:55:53
阅读次数：
125
HTML部分1.语义化HTML：可以使代码简洁清晰，支持不同设备，便于团队开发，对搜索引擎和用户更加友好；2.减少DOM节点：加速页面渲染；3.给图片加上正确的宽高值：减少页面重绘，同时防止图片缩放；4.避免src属性和link的href属性为空：当值为空时浏览器很可能会把当前页面当成其属性值加载；...
分类：
Web程序 时间：
2014-10-15 22:49:01
阅读次数：
219
最佳实践1：使用DocumentFragments或innerHTML取代复杂的元素注入
DOM操作在浏览器上是要付税的。尽管性能提升是在浏览器，DOM很慢，如果你没有注意到，你可能会察觉浏览器运行非常的慢。这就是为什么减少创建集中的DOM节点以及快速注入是那么的重要了。
现在假设我们页面中有一个元素，调用AJAX获取JSON列表，然后使用JavaScript更新元素内容。通常，程序...
分类：
其他好文 时间：
2014-10-08 18:27:35
阅读次数：
326
一、获取DOM节点//找祖宗parent()parents()closest() //找后代children();find();//找兄弟next()/nextAll()prev()/prevAll()siblings()二、元素节点操作$(html) //创建DOMappend()/append....
分类：
Web程序 时间：
2014-09-18 02:00:03
阅读次数：
173
上周学习了Javascript，只是学习了点皮毛而已。这周学习了Jquery.学习到了Jquery操作Dom节点。然后。。然后学习到了隐藏和显示标签。于是想尝试能不能写的出京东商城的那个商品筛选功能。那个筛选功能如图：由于刚学习。所以技术不精。这里只实现以下两个功能更多选项。点击切..
分类：
Web程序 时间：
2014-09-13 03:02:55
阅读次数：
495
iframes提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很...
分类：
其他好文 时间：
2014-09-07 23:46:25
阅读次数：
247
在iphone手机上绑定click事件时，当你触发点击事件时，你绑定的click事件的DOM节点，会自动被一块浮层选中。所以如果使用事件委托来做事件绑定会造成很差的用户体验。使用touchstart来实现点击就不会有这个问题。但是touchstart事件的触发机制和click不同。在你滑动页面的时候...
分类：
移动开发 时间：
2014-09-04 18:34:49
阅读次数：
218
