Javascript开发总结搜集(二)
一、简化代码
采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。
1.1 简化常用对象定义:
使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
1.2 精简if语句
三元操作符可以有效精简只涉及赋值传值操作的if语句,比如

一、简化代码
采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。
1.1 简化常用对象定义:
使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
1.2 精简if语句
三元操作符可以有效精简只涉及赋值传值操作的if语句,比如
IE8都来了,IE6还会撑多久?很多人以为IE6已经死了,也许只有前端开发者这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,IE8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,IE6会被弃之如敝履,没有人愿意再提起,到那时,会有10件事大快人心,大喊爽哉……
经常贴出一些代码,没有直观的代码高亮功能而让代码散漫的穿插在文字之间的话,让人感觉非常错乱。目前针对WordPress的代码高亮插件非常多,比如WP-Syntax,Google Syntax Highlighter for WordPress,WP-CodeBox,SyntaxHighlighter Plus。最后综合比较,使用了Google Syntax Highlighter for WordPress。它大概有如下优点:1、不需要外部CSS。2、高亮效果好。3、完全是客户端实现。4、支持几乎所有的语言。5、相当轻量级别。
相信Prototype, jQuery, MooTools, Dojo, YUI 这些大名鼎鼎的、流行的Javascript库你都有听说过,每个拿出来都可以独当一面。这些 JavaScript 库功能丰富,加上它们的插件,几乎能胜任任何工作,然而这是有代价的,这些库往往导致你的网页尺寸臃肿。在某些场合,如果你只想完成特定的工作,可以使用一些功能更专一的轻量库,本文介绍了若干非常出色的轻量级 JavaScript 库。希望对你有用:
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。
1、比较标准的写法:
var json = ‘{”a”:”1″, “b”:”2″}’;
var data = eval(’('+ json +’)');
alert(data.a);
alert(data[’a']);
在这种写法中,JSON对象中的key是用双引号括起来的,
与value写法一致,看起来比较统一;
搜集自某匿名教程,对Js的学习能起到一定的解惑作用。
函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。
javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:
前端开发工程师需要哪些技术能力,利用什么样的工具进行web前端开发呢?这张图概括了这一切:从前端开发的工具、业内标准、开发流程和方法、设计模式和方法、浏览器、交互设计、Hack技术、开发语言、应用类型、开发框架、性能安全、开发服务、开源项目等等做了描绘……
随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起,Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来,Flash 并不是他们的首要选择,因为 Flash 至今对搜索引擎仍是不透明的,另外,Flash 的渲染需要浏览器插件,而 JavaScript 的一切都是本地的。
如下:
PNG对比GIF和JPG有很多的优势,它的透明或半透明特性能很好的被应用到网页中。Firefox和Oprea对PNG的支持非常好,但是IE却“独特”了一把。当然IE7+已经支持PNG的这一特性。但是IE6还不行。网上有很多人用JS来实现IE6的PNG透明特性,其实都是通过修改CSS实现的。当然也可以用CSS直接实现,当然实现的时候需要css hack,对于Firefox、Opera可以直接在CSS中用常规方式部署PNG图片,下面讲在IE6下的实现:
使用到的是:IE5.5+的AlphaImageLoader滤镜
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
总结一下用JS控制标签的方法。
说明:下面所提到的方法都在IE6上测试通过了的,在非IE的浏览器上很多都不能用,我也没有找到其替代的方法,因此暂时只总结IE上的。
获取指定对象:document.getElementById(ID);
批量获取指定标签对象:document.getElementByTagName(”TABLE”),这个方法取得的是网页中所有TABLE对象;
获取DIV中所有的表格单元格对象方法:document.getElementById(”DIV的ID”).getElementByTagName(”TD”),这个方法获得的是TD数组;
获取DIV中第一个TABLE的所有单元格对象方法:document.getElementById(”DIV的id”).getElementByTagName(”TABLE”)[0].cells,用这个方法获得的是CELL数组,也就是TD数组;
取对象(这里的对象是DIV、TABLE、TR、TD等对象)实际高度:document.getElementById(ID).offsetHeight;