`
=死神=
  • 浏览: 57611 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Prototype——常用扩展

阅读更多

Prototype——常用扩展

1、扩展Array

clear():清空该数组,即将数组元素全部清空

 

compact():压缩数组,返回将源数组中的null和undefined等值删除后的数组。

 

first():返回第一个元素

 

flatten():用于将一个多维数组转换成一维数组

 

indexOf(value):返回数组中某个元素的索引值,如果没有找到该元素,则返回-1

 

inspect():以某种格式输出数组的每个元素

 

last():返回数组的最后一个元素

 

reverse(true|false):返回源数组每个元素反转后的数组。如果没有指定参数或者参数为true,则源数据也被反转,如果为false则源数据不会被反转

 

shift():返回数组的第一个元素,并将该元素从数组中删除

 

without(value1[,value2[……]]) :将value1,value2等元素从数组中删除

 

2、扩展Documet

 getElementsByClassName(className[,parentElement]):用于查找parentElement元素的子元素一,返回这些元素中CSS样式为className的元素列表

 

3、扩展String

stripTags():返回删除了Html和XML标记的新字符串。该方法不会影响源字符串

 

stripScripts():返回删除了所有JavaScript脚本的新字符串,即删除<script>标记中的全部内容

 

escapeHTML():返回将HTML字符串转义后的字符串,即将小于号转换成"&lt;"等

 

unescapeHTML():escapeHTML()返转,

 

extractScripts():返回字符串中所有的脚本片段,如果有多个脚本片段,则以数组形式返回

 

evalScripts():执行在字符串中找到的所有肢本片段,即执行字符串<script>标记中的脚本

 

toQueryParams():解析查询字符串,返回由参数名做index的联合Array,其实质更像一个Hash对象。

 

parseQuery():意义和用法与toQueryParams()相同

 

toArray():将字符串转换成数组,与$A()函数的功能相似

 

camelize():这是一个简单的工具方法,用于将background-color字符串转换成backgroundColor的形式

 

4、扩展Event

 扩展后的Event增加了如下属性

KEY_BACKSPACE:该属性为常量8,表明退格

 

KEY_TAB:访属性常量为9,表明是Tab键

 

Key_RETURN:该属性常量是13表明是回车键

 

KEY_ESC:该属性常量是27,表明是sec键

 

kEY_LEFT:该属性常量是37,表明左建头

 

KEY_UP:该属性是常量38,表明是向上键头

 

KEY_RIGHT:该属性是常量39,表明是向右键头

 

KEY_DOWN:该属性是常量40,表明向下键头

 

KEY_DELETE:该属性是常量46,表明是Delete键

 

observers:该属性是Event扩展后的实现细节。

 

Event增加了如下方法

element(event):返回事件event的事件源

 

isLeftClick(event):判断事件event是否由单击左键引起

 

pointerX(evnet):返回鼠标event发生时鼠标的X坐标

 

pointerY(event):返回鼠标event发生时鼠标的Y坐标

 

stop(event):该方法可以阴止event事件的默认行为,并可以阻止事件传递

 

findElement(event, tagName):从event事件的事件源对象向上搜索DOM树,直到找到第一个符合tagName的元素

 

observe(element, name, observer, useCapture):为元素element的name事件绑定事件处理函数observer,其中useCapture表明是否在捕捉阶段触发事件

 

stopObserving(element,name,observer,useCapture):为元素element的name事件删除observer事件监听器

 

 

分享到:
评论

相关推荐

    JavaScript框架高级编程(第一章扩展和增强DOM元素 )

    ### JavaScript框架高级编程——扩展和增强DOM元素 #### 1. 概述 在JavaScript开发过程中,DOM(Document Object Model)操作是极为重要的一个环节。DOM是用于HTML和XML文档的标准对象模型,允许程序和脚本动态...

    13、JavaScript继承实现(二) —— zInherit、xbObjects

    zInherit是一种常用的JavaScript继承实现方式,它通过修改对象的`__proto__`属性来实现继承。`__proto__`指向父对象的原型,从而使得子对象能够访问父对象的属性和方法。但是,`__proto__`并不是所有浏览器都支持的...

    谷歌浏览器插件—— Ajax Interceptor

    ECMAScript(ES)是一门编程语言标准,JavaScript是其最常用的实现。在前端开发中,JavaScript(包括ES6及更高版本)是主要的脚本语言,负责处理用户交互、页面动态更新、AJAX请求等任务。Ajax Interceptor 的实现离...

    JS扩展String.prototype.format字符串拼接的功能

    本文主要探讨如何通过扩展`String.prototype`来实现一种新的字符串拼接方法——`format`。这种方法提供了一种更加灵活且易于维护的方式来处理字符串格式化。 #### 一、基本概念理解 在深入了解`String.prototype....

    常用JS框架中文帮助文档打包大放送

    本压缩包集合了四个常用的JavaScript框架——JQuery、Prototype、Javascript(可能是指JavaScript基础文档)和Ext的中文帮助文档,对于web前台开发人员来说,无疑是一份宝贵的资源。 首先,我们来详细了解这些框架...

    js中使用使用原型(prototype)定义方法的好处详解

    首先,原型为JavaScript中的函数提供了一个属性——prototype,这个属性指向了一个原型对象,所有的通过该构造函数创建的实例都可以访问到原型对象上的属性和方法。这种方法的好处之一就是节省内存。当我们通过构造...

    设计模式在Drawcli程序中的应用

    本篇文章将通过Drawcli程序来探讨三种常用的设计模式:Prototype(原型)、Observer(观察者)和Chain of Responsibility(责任链)。 #### 2. Drawcli中使用的设计模式 ##### 2.1 Prototype(原型) **Prototype...

    iOS设计模式之原型模式

    本文将深入探讨一种常见的设计模式——原型模式(Prototype Pattern),并结合具体的iOS应用场景进行解析。 原型模式是一种创建型设计模式,它的主要思想是通过复制已有对象来创建新对象,而不是通过构造函数来创建...

    前端常用开发手册-jquery1.7_2代码及jquery1.7_2手册。

    《前端开发手册——深入理解jQuery 1.7.2》 在不断发展的互联网技术中,前端开发扮演着至关重要的角色,而jQuery作为一个高效、简洁的JavaScript库,为开发者提供了丰富的功能,大大简化了DOM操作、事件处理、动画...

    JavaScript从数组的indexOf()深化之Object的Property机制_.docx

    在JavaScript中,数组是一种非常常用的数据结构,它可以存储多个有序的数据项。本文将深入探讨数组的`indexOf()`方法,并进一步讨论JavaScript中对象(Object)的属性机制(Property mechanism)。这不仅有助于理解...

    收集的struts+spring+hibernate面试题借鉴.pdf

    确保Action线程安全的方式包括使用局部变量、每次请求时创建新的Action实例(例如通过Spring的`scope="prototype"`配置),或者扩展`RequestProcessor`以实现线程局部存储。 4. MVC模式在Struts中实现如下:Model由...

    关于23种设计模式的有趣见解

    工厂模式是一种常用的创建型设计模式,其主要目的是将产品实例化的逻辑封装到一个单独的类中,即工厂类。这样做的好处是当需要创建新产品时,不需要修改现有代码,只需要扩展工厂类即可。例如,文件中提到了麦当劳和...

    spring-reference.pdf

    2. **Bean的作用域**:Spring支持singleton、prototype、request、session等多种作用域,其中singleton是最常用的作用域,表示在整个应用程序上下文中只有一个Bean实例。 3. **Bean的初始化与销毁**:Spring支持...

    精通qt4编程(源代码)

    \19.4 基于Prototype的继承 467 \19.5 小结 467 \第20章 国际化 468 \20.1 Unicode与字符编码 468 \20.1.1 Unicode 468 \20.1.2 汉字编码 469 \20.1.3 编码转换 469 \20.2 Qt Linguist 471 \20.2.1 发布管理器 472 \...

    精通Qt4编程(第二版)源代码

    \19.4 基于Prototype的继承 467 \19.5 小结 467 \第20章 国际化 468 \20.1 Unicode与字符编码 468 \20.1.1 Unicode 468 \20.1.2 汉字编码 469 \20.1.3 编码转换 469 \20.2 Qt Linguist 471 \20.2.1 发布管理...

    设计模式精解-GoF 23种设计模式解析附C++实现源码

    ### 设计模式精解——GoF 23种设计模式解析及C++实现源码 #### 引言 设计模式是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。GoF(Gang of Four)所提出的23种设计模式,被认为是面向对象...

Global site tag (gtag.js) - Google Analytics