在写这个指南之前,先介绍一下Prototype主要是干吗的,如果你比较关注ajax/javascipt方面的应用,你应该早就听说过这个javascript framework。 Prototype是一个基础的javascript应用框架,先引用一段官方网站的介绍
Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.
根据作者自己的介绍,Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的框架,很多更高层次的框架都以它为基础,例如scriptaculous效果库 Prototype中包含一下几个部分:
base: Prototype中应用的基本功能,基本上其他所有部分都依赖于它,包括用于面向对象风格的Class.create和Object.extend,一个Try对象,函数绑定,number扩展,PeriodicalExecuter(周期性执行某个函数的功能)等
string: 对String原型的扩展,为string添加了strip,escapeHTML等等好用的方法
enumerable: 枚举类型(array, hash, range等)的父类对象,提供枚举类型的共同方法
array: 对Array原型的扩展,为array添加了indexOf、without等方法
hash: 为javascript提供了一个好用简单的Hash实现
range: 继承于enumerable,一个范围(例如3---67)对象
ajax: 一个功能强大好用的ajax框架
dom: 对基于浏览器的开发提供了很好的跨浏览器封装,并添加很多强大的功能
selector: 提供了使用class,css等选择元素的功能
form: 关于表单的一些功能
event: 简单的夸平台事件封装
position: 提供了一些关于元素位置方面的功能
可以说Prototype就想一把瑞士军刀,为javascipt封装了很多通用的功能,大大简化了javascript应用的开发,给javascript开发人员增添了很大的信心,Prototype可以运行了一下平台,使用它再也不用各种跨平台等问题烦恼了 * Microsoft Internet Explorer for Windows, version 6.0 and higher * Mozilla Firefox 1.0/Mozilla 1.7 and higher * Apple Safari 1.2 and higher 不过要注意的是:要想很好的理解Prototype,应该首先理解一下javascript面向对象开发的一些知识 以后的文章将对Prototype中具体的每个功能中的方法做一个详细的介绍,包括作用,实例等 Prototype官方网站:http://prototype.conio.net/ ,目前发布版还只是1.4, 但是现在的1.5已经发生了很大的变化,而且很多基于prototype的库使用的都是1.5的,所以强烈建议通过svn下载最新版代码