http://www.cnblogs.com/lhb25/archive/2012/03/05/few-new-collections-css3-effects.html Read More
这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： do... Read More
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启... Read More
——正则表达式之特殊符号在正则表达式中，许多标点符号具有特殊含义，比较难记，现归纳备个份：这些符号有：^ $ . * + - ? = ! : | \ / ( ) [ ] { }1.“[ ]”表示字符类： 即括号里是个字符集：如/[abc]/,表示和含有a,b,c任何一个字母的字符串都匹配。注：特殊字... Read More
git status 显示工作树上的状态git add file 把改动加到缓存git commit 提交文件到本地库 加-m “提交信息”git reset --hard (ID) 撤消该ID相应的操作git push 将本地库更新到上级库git reset HEAD benchmarks.rb 取消已暂存的文件benchmarks.rbgit checkout -- benchmarks.rb 取消对文件的修改(请务必确定真的不再需要保留刚才的修改)git pull -h 显示有关pull的命令git pull --help 打开有git-pull.html页面 Read More
如下题用if else实现不同条件下（add_step的变化）， add_level的结果值不同：var add_level = 0; if(add_step == 5){ add_level = 1; } else if(add_step == 10){ add_level = 2; } else if(add_step == 12){ add_level = 3; } else if(add_step == 15){ add_level = 4; } else { add_level = 0; }1）以上功能也可以通过switch来实现：var add_level = 0; switch( Read More
document.createDocumentFragment实际上是为了减少Dom次数， 提高页面效率和性能；因为每当javascript对Dom操作一次， 页面将刷新一次并更新内容；而利用document.createDocumentFragment创建一个文档碎片， 将所有Dom操作追加到该文档碎片， 最后一次性将该文档碎片添加到document中。相比前者，后者只需要对Dom操作一次， 页面也就只被刷新一次， 由于页面刷新次数大大减少， 从而提高页面显示的效率。 document.createDocumentFragment()测试页面 PS. 比较方法一和方法二程序执行所需要的时间， Read More
什么是argumentsarguments是是JavaScript里的一个内置对象，它很古怪，也经常被人所忽视，但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。所有的函数都有属于自己的一个arguments对象，它包括了函所要调用的参数。他不是一个数组，如果用typeof arguments，返回的是’object’。虽然我们可以用调用数据的方法来调用arguments。比如length,还有index方法。但是数 组的push和pop对象是不适用的。创建一个灵活的函数看起来貌似argument对 Read More
给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，遇到此问题的朋友可以参考下本文或许会有意想不到的收获（转）。hack： 父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。html代码： css样式：.box1{height:200px;width:200px;background:gray;} .box2{height:100px;width:100px;background:gold;margin-top:50px;} 解决方法： . Read More