Prototype最新版(1.5 rc2)使用指南(1)

在写这个指南之前，先介绍一下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下载最新版代码

赞 (0)

相关推荐

  • Prototype最新版(1.5 rc2)使用指南(1)

    在写这个指南之前,先介绍一下Prototype主要是干吗的,如果你比较关注ajax/javascipt方面的应用,你应该早就听说过这个javascript framework. Prototype是一个基础的javascript应用框架,先引用一段官方网站的介绍 Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Featuring a unique, eas

  • Prototype1.5 rc2版指南最后一篇之Position

    Prototype1.5 rc2版指南最后一篇之Position

    Position是prototype中定义的一个对象,提供了操作DOM中与位置相关的方法,要很好的理解元素在页面中的位置,可以参考这篇文章:Relatively Absolute 具体代码如下,按照代码说说,其中英文是作者的注释,中文红色的才是偶的说明或翻译英文的注释,采用顶式注释法(注释在要说明的代码的上面)说明 // set to true if needed, warning: firefox performance problems  // NOT neeeded for page sc

  • Jquery在IE7下无法使用 $.ajax解决方法

    通过查看源码发现 复制代码 代码如下: // Create the request object; Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:function(){ retu

  • PyCharm搭建一劳永逸的开发环境

    PyCharm搭建一劳永逸的开发环境

    本文已经收录于最新版的 <PyCharm中文指南>更多 PyCharm 使用技巧,可前往在线文档学习:<PyCharm 中文指南>2.0 在线文档 在开发过程中难免遇到开发半小时,环境整半天的尴尬. 有时候自己辛苦在自己电脑上搭建的环境,却只能自己使用,无法复用给同事,这就造成了团队劳动力的极度浪费. 在这里,明哥会给你介绍一种方法,可以让你辛辛苦苦在自己电脑上搭建的 Python 项目运行环境,打包给你的同事们,让他们享受你的劳动成果. 1. 下载安装 Vagrant vagra

  • Prototype使用指南之base.js

    base.js中包含下面的内容  类的创建与继承: Class.create(): 创建一个类,例如 person=Class.create() Object.extend(destination, source): 把source中方法属性copy到destination(使用for propertyin source),需要注意的是,javascript中除了基本类型(Number, Boolean)外都是引用类型,所以这种copy一般只是copy引用而已,destination和sourc

  • 浅谈Vue3.0新版API之composition-api入坑指南

    关于VUE3.0 由于vue3.0语法跟vue2.x的语法几乎是完全兼容的,本文主要介绍了如何使用composition-api,主要分以下几个方面来讲 使用vite体验vue3.0 composition-api解决了什么问题 语法糖介绍 vite的安装使用 vite仓库地址 https://github.com/vuejs/vite 上面有详细的安装使用教程,按照步骤安装即可 composition-api解决了什么问题 使用传统的option配置方法写组件的时候问题,随着业务复杂度越来越高

  • Prototype使用指南之selector.js说明

    下面是css2 selector的语法,当然很多浏览器只是支持其中的一部分,Prototype 中的Selector主要支持tag选择器.class选择器和id选择器,还有属性(attribute)选择器,基本上包含我们平时所用的所有类型 The following table summarizes CSS2 selector syntax, 详细的可以看http://www.w3.org/TR/REC-CSS2/selector.html: Pattern Meaning Described

  • Prototype使用指南之ajax

    Prototype中的ajax.js提供了一个非常好用的ajax框架,一般应用中简单的调用以下代码就可以了 new Ajax.Request(    url, {method: "get",    onSuccess: showFilter,    onFailure: function(request){alert("Server error!")},    onException: showError}  ); 这个框架中提供了如下的对象和方法等: Ajax对象

  • Prototype使用指南之selector.js

    Selector是利用css selector来匹配选择页面元素的,所以要理解Selector首先应该对css selector有所理解,下面是css2 selector的语法,当然很多浏览器只是支持其中的一部分,Prototype 中的Selector主要支持tag选择器.class选择器和id选择器,还有属性(attribute)选择器,基本上包含我们平时所用的所有类型 The following table summarizes CSS2 selector syntax, 详细的可以看ht

  • Prototype使用指南之hash.js

    Hash对象(关联数组)是Prototype新建的一个对象,要创建一个Hash对象可以调用$H(object)方法,因为javascript本身的特点(对象本身就是关联数组) ,所以实现Hash也很简单,Prototype中的Hash只是javascript的关联数组(对象) keys(): 返回hash的键值数组 values(): 返回值得数组 merge(hash): 合并两个hash toQueryString(): 跟string的toQueryParams方法想法,将hash转化为一

随机推荐