[转]Prototype 学习笔记

Prototype 学习笔记

来源:http://blog.chinaunix.net/u/24912/showart.php?id=199954

最近在《程序员》杂志2006年11期中看到一篇文章,标题为《Prototype的开发与应用实践》,感觉很不错,在这里我理解了一下这篇文章的要点,希望能和各位同仁共享。

Prototype是由Sam Stephenson开发的一个Javascirpt类库,也是其他框架的鼻祖,它是对Javascript中对象的一个扩展,并且对Ajax进行了封装。目前Prototype的版本是1.4,可以从 http://prototype.conio.net 下载最近的版本。
Prototype包括三的内容:1.提供全局的函数,来替代原先重复的代码;2.对现在的Javascript, Dom等对象进行扩展,提供访问的接口;3.对Ajax的封装,使得开发Ajax更容易。下面进行逐一的介绍。
1. 全局的函数
$()函数:来替代document.getElementById()方法。如果传入多个ID,则返回一个Array。
用法: var ele = $('your element's id');
$F()函数:用以返回表单控件的值,比如:文本框,下拉列表,必须是有value属性的控件,传入控件的ID。
用法:var ele = $F('your element's id');
$A()函数:可以接受任何一个枚举类型转换为一个数组。
用法:var nodeList = document.getElementsByTagName();
var nodeArray = $A(nodeList);
var message = "The All Message: ";
nodeArray.each(
function(node){
message += node.type + " | " + node.name + " | " + node.value + "\r\n"
}
);
alert(message);
$H()函数:将传入的对象转换一个可枚举的和联合数组类似的Hash对象。
$R()函数:是对 new ObjectRange(lowBound, upperBound, excludeBounds)的缩写和替代。
Try.these()函数:使用一系列函数作为参数。返回第一个成功执行函数的有返回值。这样就不用if else去判断了。
用法:Try.these(function {return 1;}, function{return 2}......);返回1。
在Ajax中,重要的是XmlHttpRequest对象,在实例化这个对象时可以用这方法,如下所示:
   var xmlHttp = Try.these(function(){return new ActiveXObject("Msxml2.XMLHTTP")},function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest()}) || false;
Prototype对Javascript的Object, Number, Function, String, Array, Event 等对象都进行了扩展,创建了一些新的对象和类,并在基础上有很多公用函数,比如each(), any(), collect()等。
除此之外,Prototype还对Ajax提供的支持,主要由Ajax.Request和Ajax.Updater两个来完成。
Ajax.Request:返回的文本为xml格式。
用法:有一个books.xml文件。如下:
<?xml version="1.0" encoding="gbk"?>
<books>
<book>
<title>AAAAAAA</title>
<page>111</page>
<book>
<book>
<title>BBBBBBB</title>
<page>222</page>
<book>
</books>
function doAjaxRequest(){
var url = "books.xml";
var ajax = new Ajax.Request(url, {method:"get", onComplete:showResponse});
}
function showResponse(request){
window.alert(request.responseText);
}
method为方法类型,get,post......
onComplete为回调函数。
Ajax.Updater:返回的文本为HTML代码。
用法:有一个JSP页面ajax.jsp如下:
<%page contentType="text/html;charset=gbk" language="java" import="java.sql.*"%>
<%=<strong>Ajax Updater</strong>%>
function doAjaxUpdater(){
var url = "ajax.jsp";
var params = "field=all&show=true";
var ajax = new Ajax.Request("divContent", url, {method:"get", parameters:params});
}
<input type="button" value="Ajax.Updater" onclick="doAjaxUpdater()">
<span id="divContent"></span>
"divContent"为要将返回内容插其中的控件ID。
内容就这些,如有爱好者可以和我交流,欢迎大家相互沟通。
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 四路20秒声光显示计分抢答器Multisim14仿真源文件+设计文档资料摘要 数字抢答器由主体电路与扩展电路组成。优先编码电路、锁存器、译码电路将参赛队的输入信号在显示器上输出;用控制电路和主持人开关启动报警电路,以上两部分组成主体电路。通过定时电路和译码电路将秒脉冲产生的信号在显示器上输出实现计时功能,构成扩展电路。经过布线、焊接、调试等工作后数字抢答器成形。关键字:开关阵列电路;触发锁存电路;解锁电路;编码电路;显示电路 一、设计目的 本设计是利用已学过的数电知识,设计的4人抢答器。(1)重温自己已学过的数电知识;(2)掌握数字集成电路的设计方法和原理;(3)通过完成该设计任务掌握实际问题的逻辑分析,学会对实际问题进行逻辑状态分配、化简;(4)掌握数字电路各部分电路与总体电路的设计、调试、模拟仿真方法。 二、整体设计 (一)设计任务与要求: 抢答器同时供4名选手或4个代表队比赛,分别用4个按钮S0 ~ S3表示。 设置一个系统清除和抢答控制开关S,该开关由主持人控制。 抢答器具有锁存与显示功能。即选手按动按钮,锁存相应的编号,并在LED数码管上显示,同时扬声器发出报警声响提示。选手抢答实行优先锁存,优先抢答选手的编号一直保持到主持人将系统清除为止。 参赛选手在设定的时间内进行抢答,抢答有效,定时器停止工作,显示器上显示选手的编号和抢答的时间,并保持到主持人将系统清除为止。 如果定时时间已到,无人抢答,本次抢答无效。 (二)设计原理与参考电路 抢答器的组成框图如下图所示。它主要由开关阵列电路、触发锁存电路、解锁电路、编码电路和显示电路等几部分组成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值