摘要: Javascript是一种基于对象(Object-Based)的编程语言,常说在javascript中一切都是对象,那么对象究竟是怎么产生的呢? (一)原始模式 首先说一下我们常见的对象——Object实例。创建Object实例方式有很多,第一种是使用new操作符后跟Object构造函数:var person=new Object();person.name="张三";person.age=21; 另一种方式是对象字面量表示法:var person={ name:"张三", age:21} 这两种方式是生成对象的原始模式。这样写有个很明显的弊端:如果我们 阅读全文
posted @ 2012-12-05 23:15 iRavior 阅读(1516) 评论(7) 推荐(0) 编辑
摘要: 今天在网上查看Javascript面向对象编程相关文章时,看到了一个让我下意识判断错误的例题,虽然原理很简单,但还是记录下来,供日后工作和广大Javascript学习者查询。<script type="text/javascript">function A(){ this.a="a";}A.prototype.b="b";A.prototype.getA=function(){ return this.a;}function B(){ this.c="c";}B.prototype=new A();B. 阅读全文
posted @ 2012-12-05 12:31 iRavior 阅读(708) 评论(1) 推荐(0) 编辑
摘要: 在ECMAScript5中,为Array对象引入了一些新方法,下面简单列出:项的定位:indexOf()/lastIndexOf():<script type="text/javascript">var arr=[1,2,3,4,5,6,5,4,3,2,1];console.log(arr.indexOf(2));console.log(arr.lastIndexOf(2));</script>这两个方法均接受两个参数:要查找的项目以及可选的从何处开始查找的索引。迭代方法:every()--------在数组的每个元素上运行给定函数,如果给定函数对每 阅读全文
posted @ 2012-12-03 12:00 iRavior 阅读(1318) 评论(2) 推荐(1) 编辑
摘要: 在Javascript有两种方式使用in操作符:单独使用和在for-in循环中使用。在单独使用时,in操作符会在通过对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中。实例一:检查属性是在原型中还是在对象中function Person(){}Person.prototype.name="Nicholas";var person1=new Person();console.log(person1.hasOwnProperty("name")); //falseconsole.log("name" in person1 阅读全文
posted @ 2012-12-02 22:57 iRavior 阅读(192) 评论(0) 推荐(0) 编辑
摘要: Javascript具有自动垃圾收集机制(GC:Garbage Collection)。这种垃圾收集机制的原理很简单:找出那些不再继续使用的变量,然后释放其占用的内存。垃圾收集器会按照固定的时间间隔,周期性的执行这一操作。 javascript中最常用的垃圾收集方式是标记清除(mark-and-sweep)。当变量进入环境时,就将这个变量标记为“进入环境”,而当变量离开环境时,这将其标记为“离开环境”。打上“离开环境”标记的变量,会在垃圾回收器执行操作时从删除其占用的空间。总之,GC会自动回收那些没有被引用的对象。实例1:function func(){ var arr= ["va. 阅读全文
posted @ 2012-12-01 23:42 iRavior 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 在做湖北大学校园网主页时,在本周会议栏目中有个打印的功能,主要是通过在网页中标记一个打印起始marker和一个结束marker实现的,利用字符串方法截取这两个marker之间的字符,最后通过window.print()方法实现打印功能的!贴上代码:<script type="text/javascript">function printhytz(){ bdhtml = window.document.body.innerHTML; //获取整个页面字符串 sprnstr = '<!--BeginPrint-->'; eprnstr = 阅读全文
posted @ 2012-11-29 12:20 iRavior 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 实现一个DIV垂直居中是前端面试中常见的考题,可以用css实现,当然也可以用js实现,下面贴出如何用css实现并解释其中原理。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv 阅读全文
posted @ 2012-11-29 12:09 iRavior 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1.html,css,js,images文件均归档至<系统开发规范>约定的目录中;2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件 阅读全文
posted @ 2012-11-29 12:02 iRavior 阅读(189) 评论(0) 推荐(0) 编辑
摘要: HTML5提供了classList API,除了IE和Safria浏览器外,Chrome和Firefox都已经支持该API。该API提供了一下属性和方法:DOM对象classList属性为我们更好的操作class提供了便利,相对之前className属性,我们可以更加随意地去操控class,为我们编写高质量前端代码提供了捷径。相关连接:http://www.jsmix.com/blog/html5/classlist-in-html5.html,里面有比较详细的实例和讲解。 阅读全文
posted @ 2012-11-29 11:37 iRavior 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 记得第一次面试前端工程师的时候,面试官出了一个机试题,要求每个p单击时弹出不同的值,我是这么写的,执行的时候发现每次都是alert(5),当时坚持认为我的代码没有任何问题,心想这么简单的功能我怎么会弄错。时至今日,想起这件事,便写篇博文总结之。<!DOCTYPE HTML><html><head><meta charset="utf-8" /><title>面试试题</title><script type="text/javascript"> function init( 阅读全文
posted @ 2012-11-29 00:25 iRavior 阅读(808) 评论(14) 推荐(0) 编辑