`

我的选择——Prototype

阅读更多

        由于项目的需要,偶终于也要跟上时代潮流来拨弄一下Ajax了。遵循Java开发的惯性思维,第一步就去找有没有好用的框架。结果发现Ajax框架世界的纷扰程度丝毫不亚于Java。最后,在Google和几位Ajax达人的帮助之下,我选择了dojo。选择的原因很简单,有丰富的文档,也有很丰富的UI 组件(特别是它的Rich Editor十分吸引人),当然在事件处理的机制方面,dojo也有它过人之处。dojo入门门槛并不高,看一下Tutorial,很快就可以上手了。

        dojo中最有特点的地方就是它的事件订阅方法:connect,例如:

dojo.event.connect(helloButton, 'onClick', 'helloPressed')   //引自dojo tutorial


这行代码是很易读的,就是元素helloButton的onClick事件与helloPressed事件绑定了,更简单的说就是helloButton的onClick事件会触发helloPressed函数。在这里有个地方一定要注意的,就是"onClick"。如果我们使用的是dojo的UI组件,那么这样写是没有问题的。但是,如果我们只是使用最普通的input的话,这里的"onClick"就得改成"onclick"。道理很简单,onclick才是Javascript中标准的事件。这个问题虽然很小,但是一不小心就会在这里耗费N多的时间,我就在这个问题的受害者。这个问题浪费了我很多的时间,也为我后来放弃dojo埋下了伏笔。

        在使用Ajax框架的过程中,不可避免的要考虑表单数据提交的问题。dojo提供了很简单的方式,例如:

        dojo.io.bind({  url: 'HelloWorldResponsePOST.php', 
                       handler: helloCallback,
                       formNode: dojo.byId('myForm')
                    }
);             //引自dojo tutorial


虽然这个方法可以很简单的实现表单数据的提交,但是又引出了另外一个问题——数据编码。如果没有特别指定的话,bind方法默认的编码为ASCII,这样就会造成返回的UTF-8文本无法正常显示。为了解决这个问题,我不得不在大括号里面加上encoding: "utf-8",这再一次让我花了不少的时间,也再一次打击了我的信心。

        不过,做事情贵在坚持,我并没有因此而放弃dojo,还是继续用下去。但是到了处理页面特效的时候,我终于坐不住了。要解决的问题本身很简单,我希望能提供一些自定义的tooltip,而事实上dojo也提供了非常不错的tooltip。但是,当我尝试修改触发tooltip显示的事件的时候,我发觉几乎无从下手。而在我找寻解决方法的时候,我意外的看到了基于Prototypetooltip实现。由这个发现一直顺藤摸瓜,我发现了基于Prototype的一片广阔天地。原来Prototype本身很简单,设计很完美,易于扩展,有很多其它的Ajax类库都是基于Prototype开发的,例如Ricoscript.aculo.us。Prototype就像是一个聚宝盆,凝聚了众多开发人员的智慧,这是一个多么吸引人的地方啊!以下这篇文章给出了一幅图表,我们从中可以发现,Prototype以及基于Prototype的其它Ajax类库占据了很大的比例:Ajaxian.com 2006 Survey Results

        于是,我毫不犹豫地从dojo转到了Prototype。由于我并没有使用到dojo的UI组件,所以从dojo转到Prototype并没有花费我多少的时间。我不再需要对事件进行绑定了,取而代之的是最常见的做法——在HTML元素中指定事件的处理函数。Prototype在处理Ajax call的时候,采取如下方式:

 var myAjax = new Ajax.Updater('placeholder', url, {method: 'post', parameters: Form.serialize(myForm)});


Updater的构造方法还是非常容易理解的,一看就能明白了。其中的Form.serialize()方法就要比dojo要技高一筹,因为我不再需要指定encoding了。当然,这里也有糟糕的地方,'placeholder'就是一个如同鸡肋的参数。根据定义,Ajax call处理完成之后返回的文本就会填充至id为'placeholder'的元素中。虽然这在一些情况下简化了操作,但是更多时候,我们并非简单地将返回文本塞到某个页面元素中。所以,为了应付这个placeholder,很多朋友就在页面中创建了一个不可见的div,将它作为placeholder来容纳返回的文本。这一点相比dojo的callback handler而言,要逊色不少。

        不管怎么说,Prototype的开放性深深打动了我,而最后我也选择了她。不为别的,就冲着它的简单和开放。

分享到:
评论

相关推荐

    kernel-devel-4.18.0-553.45.1.el8-10.x86-64.rpm

    Rocky Linux 8.10内核包

    Simulink中三阶单环多位量化Σ-Δ调制器的设计与实现-音频带ADC的应用(复现论文或解答问题,含详细可运行代码及解释)

    内容概要:本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC(模数转换器)。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案,因为这种结构能在音频带宽内提供高噪声整形效果,并且多位量化可以降低量化噪声。接着,文档展示了具体的Simulink建模步骤,包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外,还进行了参数设计与计算,特别是过采样率和信噪比的估算,并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标,最终证明所设计的ADC能够达到预期的技术标准。 适用人群:电子工程专业学生、从事数据转换器研究或开发的技术人员。 使用场景及目标:适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。 其他说明:文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程,同时附带了一些辅助函数帮助分析仿真结果。

    计算机课后习题.docx### 【计算机科学】研究生入学考试计算机组成原理专项题库设计:考研复习资源集成与优化

    内容概要:该题库专为研究生入学考试计算机组成原理科目设计,涵盖名校考研真题、经典教材课后习题、章节题库和模拟试题四大核心模块。名校考研真题精选多所知名高校的计算机组成原理科目及计算机联考真题,并提供详尽解析,帮助考生把握考研命题趋势与难度。经典教材课后习题包括白中英《计算机组成原理》(第5版)和唐朔飞《计算机组成原理》(第2版)的全部课后习题解答,这两部教材被众多名校列为考研指定参考书目。章节题库精选代表性考题,注重基础知识与重难点内容,帮助考生全面掌握考试大纲要求的知识点。模拟试题依据历年考研真题命题规律和热门考点,精心编制两套全真模拟试题,并附标准答案,帮助考生检验学习成果,评估应试能力。 适用人群:计划参加研究生入学考试并报考计算机组成原理科目的考生,尤其是需要系统复习和强化训练的学生。 使用场景及目标:①通过研读名校考研真题,考生可以准确把握考研命题趋势与难度,有效评估复习成效;②通过经典教材课后习题的练习,考生可以巩固基础知识,掌握解题技巧;③通过章节题库的系统练习,考生可以全面掌握考试大纲要求的各个知识点,为备考打下坚实基础;④通过模拟试题的测试,考生可以检验学习成果,评估应试能力,为正式考试做好充分准备。 其他说明:该题库不仅提供详细的题目解析,还涵盖了计算机组成原理的各个方面,包括计算机系统概述、数据表示与运算、存储器分层、指令系统、中央处理器、总线系统和输入输出系统等。考生在使用过程中应结合理论学习与实践操作,注重理解与应用,以提高应试能力和专业知识水平。

    __UNI__DB9970A__20250328141034.apk.1

    __UNI__DB9970A__20250328141034.apk.1

    minio-rsc-Rust资源

    rust for minio

    4-4-台区智能融合终端功能模块型式规范(试行).pdf

    国网台区终端最新规范

    《基于YOLOv8的化工管道焊缝缺陷检测系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计.zip

    资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。

    python源码-1个机器学习相关资源

    一个简单的机器学习代码示例,使用的是经典的鸢尾花(Iris)数据集,通过 Scikit-learn 库实现了一个简单的分类模型。这个代码可以帮助你入门机器学习中的分类任务。

    pyqt离线包,pyqt-tools离线包

    pyqt离线包,pyqt-tools离线包

    《基于YOLOv8的船舶机舱灭火系统状态监测系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计.zip

    资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。

    SQL常用日期和时间函数整理及使用示例

    SQL常用日期和时间函数整理及在sqlserver测试示例 主要包括 1.查询当前日期GETDATE 2.日期时间加减函数DATEADD 3 返回两个日期中指定的日期部分之间的差值DATEDIFF 4.日期格式转换CONVERT(VARCHAR(10),GETDATE(),120) 5.返回指定日期的年份数值 6.返回指定日期的月份数值 7.返回指定日期的天数数值

    GSDML-V2.3-Turck-BL20-E-GW-EN-20160524-010300.xml

    GSDML-V2.3-Turck-BL20_E_GW_EN-20160524-010300.xml

    T_CPCIF 0225-2022 多聚甲醛.docx

    T_CPCIF 0225-2022 多聚甲醛.docx

    《基于YOLOv8的智能仓储货物堆码倾斜预警系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计.zip

    《基于YOLOv8的智能仓储货物堆码倾斜预警系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计

    蚕豆脱壳机设计.zip

    蚕豆脱壳机设计.zip

    附件2-2:台区智能融合终端入网专业检测单位授权委托书.docx

    台区终端电科院送检文档

    Y6一39一No23.6D离心通风机 CAD().zip

    Y6一39一No23.6D离心通风机 CAD().zip

    django自建博客app

    django自建博客app

    附件3-4:台区智能融合终端全性能试验增值税发票开具确认单.docx

    台区终端电科院送检文档

    非开挖水平定向钻机动力头装置设计.zip

    非开挖水平定向钻机动力头装置设计.zip

Global site tag (gtag.js) - Google Analytics