12 2014 档案

摘要:17.2. DOM2中的高级事件处理(Advanced Event Handling with DOM Level 2) 译自:JavaScript: The Definitive Guide, 5th Edition ----By David Flanagan 迄今为止,在本章中出现的事... 阅读全文
posted @ 2014-12-27 23:42 royalrover 阅读(259) 评论(0) 推荐(0) 编辑
摘要:本篇文章是QUnit的简介,可以作为很好的入门教程。文章原址介绍自动化测试时软件开发过程中必不可少的一部分,而单元测试则是自动化测试的最为基本的一块,软件的每一个组件,每一个功能单元都需要经过不停地测试以保证在上线时可以正常的工作。当然,测试也不仅仅只有这些作用,最为人所知的就是测试驱动设计(tes... 阅读全文
posted @ 2014-12-25 23:39 royalrover 阅读(356) 评论(0) 推荐(0) 编辑
摘要:概述 对于uri的编解码,在js中有3对函数,分别是escape/unescape,encodeURI/decodeURI,encodeURIComponent/decodeURIComponent。 它们的适用范围不同,而且遵循的编码规范也不同。 对于上述函数而言,所有的ASCII的字符编码相同, 阅读全文
posted @ 2014-12-22 15:22 royalrover 阅读(11894) 评论(0) 推荐(3) 编辑
摘要:实现截断长文本显示处理,以前是通过后台的截取,但这种方法容易丢失数据,不利于SEO。而通过前端css的截断,则灵活多变,可统一运用与整个网站。这项技术主要运用了text-overflow属性,这个虽是css3的属性,但是在各大浏览器却兼容非常好,ie6系列全部兼容。 .e{ ... 阅读全文
posted @ 2014-12-19 14:58 royalrover 阅读(737) 评论(0) 推荐(0) 编辑
摘要:js内置对象是ECMAScript规范中要求实现的一些函数和对象,具体包括Object,Function,Number,Boolean,Array,String,RegExp,Error,Date,Global,Math。其中,Math比较特殊,是一个静态类,而不是构造函数。这些对象(函数)在js引... 阅读全文
posted @ 2014-12-18 19:42 royalrover 阅读(595) 评论(0) 推荐(0) 编辑
摘要:meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的与中,meta标签的用处很多。meta的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人... 阅读全文
posted @ 2014-12-15 12:40 royalrover 阅读(162) 评论(0) 推荐(0) 编辑
摘要:前几天做一个用iframe显示曲线图的demo,发现对iframe的contentDocument绑定onclick事件都无效,而在页面中对iframe.contentDocument的onclick属性为undefined;而当iframe去掉src属性后,在对其绑定onclick事件,该事件生效... 阅读全文
posted @ 2014-12-14 21:50 royalrover 阅读(520) 评论(0) 推荐(0) 编辑
摘要:目前大多数搜索框都已实现自动补全功能,自己也私底下实现了一个简易版本,在此总结过程中的一些要点: 1,侦听文本框的value值改变,注意在Ie8及其之前版本的onpropertychange和Ie9的oninput事件与 W3C下的oninput事件的异同; 2,ajax请求数据; 3,自动... 阅读全文
posted @ 2014-12-10 18:25 royalrover 阅读(921) 评论(1) 推荐(0) 编辑
摘要:new操作符易用,但是往往容易忽略对其的理解。var foo= new Foo();这个简单的语句,涉及到了一系列的步骤: 1),给对象开辟内存,即 var foo= {}; 2),修改新对象的隐式原型对象,即 foo.__proto__ = Foo.prototype; 3),在foo上下文... 阅读全文
posted @ 2014-12-09 21:07 royalrover 阅读(155) 评论(0) 推荐(0) 编辑
摘要:本文转自这里 规范中 instanceof 运算符定义 11.8.6 The instanceof operator The production RelationalExpression: RelationalExpression instanceof ShiftExpression ... 阅读全文
posted @ 2014-12-09 20:19 royalrover 阅读(348) 评论(0) 推荐(0) 编辑
摘要:拖拽的元素必须绝对定位。在实际操作中,犯了一个简单的错误: 对于iframe元素的事件绑定,需要在src完全加载后进行绑定。 iframe.onload = function(){ iframe.contentDocument.onclick = function(){} ... }另... 阅读全文
posted @ 2014-12-09 17:34 royalrover 阅读(285) 评论(0) 推荐(0) 编辑
摘要:IE系列直到IE9才支持DOMContentLoaded事件,对于IE8及其之前版本,如果html内没有框架,则可以采用document.documentELement.doScroll来判断是否构建好DOM树;如果html内有框架,则利用document的onreadystatechange事件判... 阅读全文
posted @ 2014-12-08 23:15 royalrover 阅读(413) 评论(0) 推荐(1) 编辑
摘要:PNG32的alpha透明效果在IE6下会出现bug,出现灰色背景。而目前的解决方案就是IE提供的滤镜。需要注意的是滤镜并不是对原图片进行修改,而是对相应的html元素进行修改。所以在一个html中的多处使用alpha滤镜,那么性能的损耗将会累加。现总结使用滤镜的缺点: 1,IE6下使用滤镜,那么... 阅读全文
posted @ 2014-12-07 19:43 royalrover 阅读(229) 评论(0) 推荐(0) 编辑
摘要:重新温习了下这段内容,发现各个浏览器的兼容性真的是搞大了头,处理起来很是麻烦。现在现总结下并行加载多个js的方法: 1,对于动态createElement('script')的方式,对所有浏览器都是异步并行加载的。这里所说的并行不仅仅指的是 js并行加载,也包括js和其他资源比如图片,ifr... 阅读全文
posted @ 2014-12-05 17:33 royalrover 阅读(2558) 评论(0) 推荐(1) 编辑
摘要:元素被绝对定位,那么元素将会脱离正常流(normal flow),并依据包含块来定位。包含块的概念及其判定可以看这里。 在负margin的应用一文中,我们提到了一个对于任意一个块元素所形成的框的尺寸的计算公式: BoxWidth = MarginLeft + BorderLeftWidth + Pa 阅读全文
posted @ 2014-12-04 22:08 royalrover 阅读(413) 评论(0) 推荐(0) 编辑
摘要:包含块简介在 CSS2.1 中,很多框的定位和尺寸的计算,都取决于一个矩形的边界,这个矩形,被称作是包含块( containing block )。 一般来说,(元素)生成的框会扮演它子孙元素包含块的角色;我们称之为:一个(元素的)框为它的子孙节点建造了包含块。包含块是一个相对的概念。 ... 阅读全文
posted @ 2014-12-04 21:37 royalrover 阅读(430) 评论(0) 推荐(0) 编辑
摘要:一个元素如果被设置为display:inline-block,那么这个元素将表现为行内块的性质。被设为行内块的元素对内(子元素)表现为块级框,具体为可以设置高度宽度,可以设置垂直margin和padding等;对兄弟元素则表现为行内框,具体表现为相邻行内块可在同一行显示,而且有着行内元素的特点,就是... 阅读全文
posted @ 2014-12-04 16:52 royalrover 阅读(659) 评论(0) 推荐(0) 编辑
摘要:利用table-cell可以实现宽度自适应布局。table-cell有一些比较好用的属性,比如垂直居中,自适应高度宽度等,为元素设置table-cell布局之后,元素的margin失效,padding有效,而且一旦元素设置了float或者absolute,则table-cell也会失效。table-... 阅读全文
posted @ 2014-12-04 15:27 royalrover 阅读(5111) 评论(0) 推荐(1) 编辑
摘要:在IE6下PNG透明图片做背景,无法使用background-position进行定位。但是可以使用margin和绝对定位来进行。另外,由于IE6下的 :hover 只对支持,对其他元素都不起作用,所以需要对IE6单独打补丁。可以使用微软提供的csshover.htc文件进行修复。 ... 阅读全文
posted @ 2014-12-04 14:58 royalrover 阅读(227) 评论(0) 推荐(0) 编辑
摘要:页面布局上隐藏,但是对屏幕阅读器可见的几种方式: 1, .h{position:relative; left:-900em;top:-900em;} 2, .h{position:absolute; clip:rect(1px 1px 1px 1px)} //采用clip必须对该元素进行绝对定位... 阅读全文
posted @ 2014-12-03 22:24 royalrover 阅读(181) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示