`
wutao33543
  • 浏览: 64093 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype背景技术介绍

阅读更多
在写这个指南之前,先介绍一下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下载最新版代码
分享到:
评论

相关推荐

    Litebox 无刷新图片放大显示插件(Prototype)

    Litebox是一款基于Prototype JavaScript库的无刷新图片放大显示插件,它允许用户在网页上预览图片时无需离开当前页面,提供了一种便捷且用户体验良好的图片查看方式。这个插件的核心理念是通过JavaScript动态创建一...

    在vs2005基于prototype.js的模态弹出窗口

    总结来说,"在VS2005基于Prototype.js的模态弹出窗口"这个主题涵盖了前端开发中的多种技术,包括使用Visual Studio 2005进行项目开发,结合Prototype.js库创建动态效果,以及理解和实现模态弹出窗口的基本机制。...

    html5星空背景的登录页面带粒子特效

    综上所述,"html5星空背景的登录页面带粒子特效"是一个结合了HTML5、CSS3和JavaScript技术的优秀示例,展示了现代Web开发中的动态效果和交互设计。通过学习和理解这些知识点,开发者可以创建出更加生动、吸引人的Web...

    LAGame-Simple-Prototype-test2

    例如,俄罗斯方块的方块形状、背景图像、按钮图标等可能都存放在res目录的不同子目录下,如drawable、layout和values。 5. **gen目录**:在早期的Android开发中,R.java文件会自动生成在这个目录下,包含了所有资源...

    Prototype.js(v1.6)带中文chm手册

    CHM(Compiled HTML Help)是微软的一种帮助文件格式,通常用于软件的用户手册或技术文档,这里用于存放Prototype.js的详细教程和参考信息。 **描述解析:** "Prototype_v1.6.js带中文和英文chm手册" 补充说明了...

    prototype14中文帮助文档.zip

    此“prototype14中文帮助文档.zip”文件包含了该软件的中文版使用指南,为用户提供了详细的操作步骤和功能解析,使得非英语背景的开发者也能轻松掌握其用法。 在Prototype 14中,主要涉及以下知识点: 1. **基本...

    Borrm.Designer_C语言_prototype_

    在"Prototype mode"下,开发者通常会先实现一个简单的运动检测算法,如帧差法,然后逐步优化,如引入更复杂的光流算法或者改进背景模型,以提高检测效果和速度。为了优化C语言代码,可以采取以下策略: - **利用...

    cocos Creator 使用摄像机进行背景的差速移动

    在代码实现中,可以使用`cc.Camera.prototype.moveBy`或`cc.Camera.prototype.moveTowards`方法来控制相机的移动。这两个方法接受一个向量参数,表示相机将要移动的方向和距离。通过定时调用这些方法并计算合适的...

    flotr 0.2 Prototype 曲线图插件.zip

    总结来说,"flotr 0.2 Prototype 曲线图插件.zip" 提供了一种基于JavaScript和CSS3的技术解决方案,用于在网页上绘制曲线图。通过集成这个插件,开发者可以轻松地将动态、交互式的数据可视化功能引入他们的项目,...

    Litebox 无刷新图片放大显示插件(Prototype).zip

    7. **更新和维护**:随着技术的发展,可能需要关注 Litebox 的更新,以确保插件与最新浏览器和JavaScript环境的兼容性。 至于"132674357088417250"文件,它的命名没有明确的含义,但根据上下文推测,它可能是...

    prototype1.6API;jquery1.4API;css2.0API;html5.0API

    CSS2.0引入了浮动布局(float)、定位(positioning)、相对单位(em和%)、边框和背景图片等特性。例如,`float:left`可以使元素在容器内左对齐,`position:absolute`可以将元素相对于最近的定位祖先进行定位。 4. ...

    HTML纯JS炫酷星空背景效果

    HTML纯JS炫酷星空背景效果是一种利用JavaScript和HTML5 Canvas元素来创建动态视觉效果的技术。在Web开发中,这样的背景可以提升网站的用户体验,给访问者带来沉浸式的浏览体验。以下将详细介绍如何实现这一效果。 ...

    Glider-JS 基于Prototype的页面滑块效果.zip

    在"css3"标签的背景下,我们可以理解Glider-JS可能充分利用了CSS3的新特性,如过渡(transitions)、动画(animations)和变换(transformations),来实现平滑、高性能的滑动效果。CSS3的这些特性允许开发者在不...

    GCN-prototype

    5. **图片资源**:可能包括项目中使用的图标、背景图像等。 6. **脚本文件**:如JavaScript的`.js`文件,可能包含项目逻辑,包括与后端服务器的交互、数据处理、用户交互事件等。 7. **配置文件**:如`.json`或`....

    FPMM FPGA PROTOTYPE

    标题中的"FPMM FPGA PROTOTYPE"指的是基于Field Programmable Gate Array (FPGA)的FPMM(可能是FPGA原型设计模块或方法)项目。这个项目旨在利用FPGA的灵活性和快速原型构建能力,为数字系统的设计提供一个高效平台...

    Cube_Surfer_Prototype:超级休闲游戏ProtoType

    在本文中,我们将深入探讨该原型的开发背景、技术实现、C#在游戏开发中的应用以及可能涉及的游戏设计原则。 首先,"Cube_Surfer_Prototype"这个名字暗示了这是一个关于立方体冲浪的游戏概念,可能包含玩家控制一个...

    HTML5背景云朵飘飘的效果

    总结来说,实现“HTML5背景云朵飘飘的效果”涉及HTML5的CSS3背景、Canvas API或者WebGL技术,通过JavaScript来处理动画逻辑。这种效果的实现需要对网页开发有深入的理解,包括图形绘制、动画原理以及性能优化。

    parallax-framer-news-prototype

    视差滚动是一种网页设计技术,通过让不同层的背景以不同的速度移动,创造出深度感和立体感,使用户仿佛置身于一个三维空间。在"parallax-framer-news-prototype"中,"homeparallax"作为主屏幕,用户可以选择不同的...

    js框架及介绍

    JavaScript框架是用于简化Web开发,提高效率和代码...选择JavaScript框架时,应考虑项目的具体需求、团队的技术背景以及社区支持等因素。每个框架都有其独特的优势和适用场景,理解它们的特点有助于做出最适合的决策。

    prototype2:简单的垂直滚动条

    在Prototype2中实现简单的垂直滚动条,可能涉及到以下技术点: 1. **DOM操作**:Prototype库允许开发者通过选择器找到元素,然后添加或修改CSS样式来实现滚动条的定制。例如,可以使用`Element.select()`或`$$()`...

Global site tag (gtag.js) - Google Analytics