摘要: function inhert(C, P) { var F = function() {}; F.prototype = P.prototype; C.prototype = new F(); C.uber = P.prototype; C.prototype.cons... 阅读全文
posted @ 2015-11-09 11:23 targeral 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 隐式强制转换//将一个“数字”字符串转换为数值的方法,除了parseInt(),Number,还有酱紫 +""//例如:parseInt("08");//8Number("08")//8+"08"//8 阅读全文
posted @ 2015-11-05 15:23 targeral 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 最简单的运动var box = document.getElementById("box");setInterval(function(){ box.style.left = box.offsetLeft + 1 + ‘px’;},50);创建Tar的运动效果方法animate:Tar.p... 阅读全文
posted @ 2015-11-03 15:02 targeral 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 浏览器检测浏览器检测是通过JavaScript BOM的navigator对象实现的。Navigator.userAgent W3C上:userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值通过下面的js代码,获得浏览器版本号:var ua = navigato... 阅读全文
posted @ 2015-11-02 22:55 targeral 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 插件,通常在原有网站功能的基础上增加系统功能,以实现其他的效果。这里我们的base.js基础库里有一些是经常用到的基础功能,还有些是我们不常用且代码很长的功能,我们将它们做成插件,供我们随时使用。例如base.js里的拖拽功能://拖拽效果Tar.prototype.drag = function(... 阅读全文
posted @ 2015-10-31 11:51 targeral 阅读(164) 评论(0) 推荐(0) 编辑
摘要: //绑定事件function addEvent(obj, type, fn) { if(typeof obj.addEventListener != 'undefined') { obj.addEventListener(type, fn, false); } else {... 阅读全文
posted @ 2015-10-31 10:34 targeral 阅读(218) 评论(0) 推荐(0) 编辑
摘要: Don't forget to add a doctype添加什么?HTML的类型实际上有很多:HTML4.01Strict ,HTML4.01 Transitional, XHTML1.0 Strict,等等。这些类型HTML都是定义了他们各自在W3C的规范,但是他们也定义了一种制定了规范,一种H... 阅读全文
posted @ 2015-10-30 10:07 targeral 阅读(120) 评论(0) 推荐(0) 编辑
摘要: font-end-developerquirks mode 怪异模式validate markup 验证标签not case sensitive 不区分大小写usher 开启instantiate 实例化override 覆盖executed 执行legacy HTTP servers 传统HTTP... 阅读全文
posted @ 2015-10-30 09:43 targeral 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 从简单开始,拖拽效果的思路就是利用三个事件:onmousedown, onmousemove, onmouseup。我们首先来创建drag()方法的基本结构:Tar.prototype.dray = function() { for(var i = 0; i 浏览器宽度 - div的宽度的时候... 阅读全文
posted @ 2015-10-28 21:52 targeral 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 遮罩效果遮罩效果的应用还是很多的,效果如图:实现原理是通过一个div作为遮罩,它要绝对行为,高度和宽度为浏览器的高度和宽度,背景为半透明,这里半透明的效果若要兼容IE的话,通过filter:alpha(opacity=30),它等价于在其他的浏览器opacity:0.3.下面为代码:#screen{... 阅读全文
posted @ 2015-10-27 20:51 targeral 阅读(587) 评论(0) 推荐(0) 编辑