摘要： CSS优先级包含四个级别标签内定义样式ID选择符Class选择符元素选择符CSS优先级的计算规则类型计算规则元素标签中定义的样式（Style属性）加1,0,0,0每个ID选择符(如 #id)加0,1,0,0每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个... 阅读全文

摘要： display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl... 阅读全文

摘要： 1.清除矩形区域 context.clearRect(x,y,width,height) x:清除矩形起点横坐标 y:清除矩形起点纵坐标 width:清除矩形长度 height:清除矩形高度2. 绘制矩形 context.fillRect(x,y,width,height) strokeRect... 阅读全文

摘要： 本文转自http://www.ruanyifeng.com/blog/2012/09/xmlhttprequest_level_2.html感谢作者分享。XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。最早，微软在IE 5引进了这个接口。因为它太有用... 阅读全文

摘要： CSS3提供了遮罩效果，这是以前CSS2中比较难实现的一个新特性，配合SVG或者canvas同样也可以实现遮罩效果，他的效果就如下图所示:简单的说就是在一个层上面加一个过滤层，过滤层透明度越低，底层就显示的越多，反之，底层显示越少1. CSS3属性CSS3中提供的新属性有(括号为跟backgroun... 阅读全文

摘要： 1、absolute属性：英文直译成汉语的解释有：绝对，独立的。显然在做为css中position属性的值时“绝对”这个意思更恰当一些。他的作用是：生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "botto... 阅读全文

摘要： 我们通常开发js程序就是使用标签把脚本引入到页面中进行开发，如果是简单的逻辑还好，但是如果是比较庞大的大规模js开发，可能会出现下面的问题：1. 标签载入脚本和执行脚本是在一起处理的，所以开发人员需要自己控制这个过程2. 标签是阻塞型下载的，所以对用户体验可能会产生影响，所以通常推荐把脚本放在页面底... 阅读全文

摘要： 跨域是当前Web开发不可忽视的情况，经常会遇到跟其他站点进行通信情况，跨域主要包括以下情况：1. 同域名，不同端口2. 同主域名，不同子域名3. 同域名，不同协议4. 不同域名解决方案：对于第二种情况可以使用，可以使用设置document.domain = xx.com来解决：例如first.dom... 阅读全文

摘要： 浏览器缓存实际上就是对一些静态资源或是变化不多的资源进行本地缓存以加快访问速度的一种方式，善于利用缓存机制可以给网站性能带来非常大的提升，所以了解缓存机制原理是前端攻城师必须要掌握的。页面请求一个资源主要有3种情况：1. 本地无缓存或强制刷新：客户端向服务器请求资源2. 本地有缓存且未过期：客户端使... 阅读全文

摘要： 1.Frame (1)问题：在IE中可以用window.top.frameId和window.top.frameName来得到该Frame所代表的Window，Firefox中只能用window.top.frameName。 (2)解决：将Frame的Id和Name设置成相同，使用window.to... 阅读全文