Ajax基础教程(5)- 构建完备的Ajax开发工具箱 5.7 小结

本章我们介绍了一些工具和技术,采用这些工具和技术,会让你的开发过程更加愉快。JSDoc可以帮助建立JavaScript代码的文档,从而使其他开发人员能够更容易地理解和使用代码。如果你开始经常使用Ajax技术,肯定会编写一些你自己可重用的JavaScript库,而且会用JSDoc为代码建立文档,以便其他人更轻松地使用这些库。

HTML Validator和Checky等工具可以帮助你确保所写的HTML代码是合法的HTML。不合法的HTML会导致未预见的行为,所以使用合法的HTML或XHTML能消除可能导致错误的一些因素。另外,如果XHTML或HTML是合法的,更有可能在多个浏览器平台上有相同的表现。

在Firefox和其他Mozilla浏览器中打包提供了DOM Inspector工具,利用这个工具可以将HTML文档作为结构化树来检查其节点。DOM Inspector允许你查看每个节点及其属性值,甚至可以动态修改属性值。你可以动态地将节点从页面中的一个位置移到另一个位置,而不必重写HTML。如果要检查通过JavaScript动态创建的节点,DOM Inspector就很有用。

JSLint是一个JavaScript验证工具。尽管它不能确定JavaScript的逻辑是否正确,但确实能帮助找出语言语法中存在的错误,还能发现由于编码风格不好而可能出错的部分。

删除JavaScript中的注释行和回车换行符可以大大缩小JavaScript文件的大小,相应地,将JavaScript 文件下载到客户浏览器的时间也会减少。MemTronic的HTML/JavaScript Cruncher-Compressor不仅能删除注释行和回车换行符,还能真正压缩JavaScript代码,从而加快下载速度。压缩还有一个很好的副作用,就是能使JavaScript更难读,从而有助于保护JavaScript代码的内部工作不外泄,不会被别人窃取。

Firefox的Web开发扩展包为Web开发人员提供了许多有用的工具。利用这些工具,可以调整图片的大小,动态地编辑CSS样式规则,将表单方法从GET改为POST(或反之),除此以外还有很多。

我们也介绍了一些高级的JavaScript技术,如面向对象编程。首先,你了解了JavaScript如何使用一种基于prototype的机制来模拟继承。然后了解了JavaScript如何使用只能通过公共方法访问的私有属性支持信息隐藏的概念。最后,我们介绍了使JavaScript可以模拟基于类的继承机制的技术,这种继承机制类似于C++和Java中使用的继承机制。对于那些习惯于完全面向对象语言的人来说,这种技术是一种更自然的编码风格。

作为Ajax开发人员,采用这些工具和技术会使开发更为轻松、工作心情更加愉快。你可以把这些工具都拿来试试挑出你喜欢的工具,另外,你还可能在Web上碰到其他有用的工具。

返回“Ajax基础教程-目录”

时间: 2024-09-16 10:35:39

Ajax基础教程(5)- 构建完备的Ajax开发工具箱 5.7 小结的相关文章

Ajax基础教程(1)-Ajax简介 1.8 小结

因特网最初只是为连接研究人员,使他们共享信息,时至今日,因特网已经得到了巨大的发展.因特网开始时只有简单的文本浏览器和静态页面,但是如今几乎每家公司都有一个亮丽的网站,想找到一个粗糙的网站倒是很不容易.最早谁能想得到,有一天人们能在网上共同研究新型汽车,或者购买最新的斯蒂芬·金的小说呢? 胖客户应用的开发人员都饱受部署之苦,因为要把应用部署到数以千计的用户机器上,他们急切地希望Web能够减轻他们的负担.多年以来,已经出现了许多Web应用技术,有些是专用的,有些需要高超的编程能力.尽管这些技术在用

Ajax基础教程(1)-Ajax简介 1.7 设计考虑

既然对在哪里使用Ajax已经有所认识,下面再来谈谈应用Ajax的一些设计考虑.许多原则与Web应用的原则并无不同,不过还是有必要强调一下.要尽力减少客户和服务器之间的通信量.如果应用得当,Ajax会使你的应用响应更快,但是如果每次用户从一个域移到另一个域时你都来回传递超量的数据,用户肯定不会满意.如果有疑问,按标准约定行事.如果大多数应用都那么做,可能你也应该那么做.如果还有问题,可以看看Web桌面应用的有关标准.为此已经建立了一些模式,而且以后还会有更多的模式(www.ajaxpatterns

Ajax基础教程(1)-Ajax简介 1.6 使用场合

既然你已经对Ajax产生了兴趣,还要知道重要的一点,即什么时候应该使用Ajax技术,而什么时候不该用.首先,不要害怕在应用中尝试新的方法.我们相信,几乎每个Web应用都能从Ajax技术中获益,只不过不要矫枉过正,过于离谱就行了.从验证开始就很合适,但是不要限制你的主动性.你当然可以使用Ajax提交数据,但也许不能把它作为提交数据的主要方法. 其次,惟一会影响你应用Ajax的就是浏览器问题.如果大量用户(或者特别重要的用户)还在使用比较旧的浏览器,如IE 5.Safari 1.2或Mozilla

Ajax基础教程(1)-Ajax简介 1.5 相关技术

当你看到本书时,可能已经了解了在应用中实现Ajax所需的大多数技术.重申一句,我们想强调的是,Ajax是一个客户端技术,不论你现在使用何种服务器端技术,都能使用Ajax,而不管使用的是Java..NET.Ruby.PHP还是CGI.实际上,在这本书中我们并不考虑服务器端,而且假设你已经很清楚如何结合日常工作中使用的服务器端技术.在后面的几百页中,我们强调的重点是客户端技术和方法,创建丰富的基于浏览器的应用时需要用到这些技术. 尽管可以使用你喜欢的任何服务器端技术,但当使用Ajax时还是需要转变一

Ajax基础教程(1)-Ajax简介 1.4 可用性问题

前面谈到的都是用户的期望,除此以外,可用性也不能不提.Ajax方法相当新,还没有多少成熟的最佳实践.不过,标准Web设计原则还是适用的.随着时间推移,当越来越多的人开始尝试这种方法时,就会发现可能存在哪些限制,并建立适当的指导原则.也就是说,你应该让用户来指导你.根据在应用中使用Ajax的方式,你可能会动态地改变页面中的某些部分,习惯于整个浏览器刷新的用户可能不会注意到与以前相比有什么变化.这个问题引出了一些新的特性,如37signals所普及的黄褪技术(Yellow Fade Techniqu

Ajax基础教程(1)-Ajax简介 1.2 浏览器历史

提到Web浏览器,大多数人都会想到无处不在的Microsoft Internet Explorer,直到最近像Firefox.Safari和Opera之类的浏览器日益兴起,这种情况才稍有改观.许多新手可能会误认为IE是市场上的第一个浏览器,其实不然.实际上,第一个Web浏览器出自Berners-Lee之手,这是他为NeXT计算机创建的(这个Web浏览器原来取名叫WorldWideWeb,后来改名为Nexus),并在1990年发布给CERN的人员使用.Berners-Lee和Jean-Franco

Ajax基础教程(1)-Ajax简介 1.1 Web应用简史

混沌初开,一切都那么简单.为了连接美国的少数几个顶尖研究机构,人们设计了最早的"Internet",以便共同开展科学研究.不论是图书馆员.核物理学家,还是计算机科学家,都必须学习一个相当复杂的系统.1962年,麻省理工学院(MIT)的J.C.R. Licklider最早提出他的"Galactic Network"(超大网络)思想时,Firefox和IE之类的便捷工具连概念都未产生. Licklider后来继续在美国国防高级研究计划局(DARPA)从事计算机研究,在那

Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程

最初,所有Web页面都是静态的,用户请求一个资源,服务器再返回这个资源.什么都不动,什么都不闪.坦率地讲,对于许多Web网站来说,这样也是可以的,这些网站的Web页面只是电子形式的文本,在一处生成,内容固定,再发布到多处.在浏览器发展的最初阶段,Web页面的这种静态性不成问题,科学家只是使用因特网来交换研究论文,大学院校也只是通过因特网在线发布课程信息.企业界还没有发现这个新"渠道"会提供什么商机.实际上,以前公司主页显示的信息通常很少,无非是一些联系信息或者只是一些文档.不过没过多久

Ajax基础教程(4)- 实现基本Ajax技术 4.9 小结

本章我们提供了许多例子,展示了应用Ajax技术改善用户体验的方法.在许多情况下,可以把Ajax技术应用到现有的应用中,以Ajax请求取代完全页面刷新,从而与服务器无缝地通信,并更新页面内容.用户可能不会注意到在以另外一种方式完成应用,但是过一段时间之后,他们就会认识到应用变得"更好"了.Ajax技术也可以在开始设计新Web应用时就采用.现在,Ajax工具包应该在你的开发工具箱里有一席之地了,这些工具能帮助你构建更好的Web应用,而且与胖客户应用的表现不相上下,这会让最终用户欣喜万分.