JavaScript框架是什么?怎样才能叫做框架?

 更新时间:2015年07月01日 11:08:52   投稿:junjie  
这篇文章主要介绍了JavaScript框架是什么?怎样才能叫做框架?,本文讲解了什么是 JavaScript 框架、JavaScript 框架的典型特性等内容,需要的朋友可以参考下

刚初学js时,总会听到关于框架的一些事情。等学完JQ后我才知道什么是框架。一下是转载的一篇文章,希望对还迷茫的童鞋们有点帮助。

什么是 JavaScript 框架?

JavaScript 本身就是一种功能强大的语言,您不需要额外的框架就可创建富互联网应用程序(RIA)。然而使用 JavaScript 并不是件容易的事,主要是由于支持多个 Web 浏览器产生的复杂性。与 HTML 和 CSS一样,不同的浏览器有不同的 JavaScript 实现。让 JavaScript 代码实现跨浏览器兼容简直是个噩梦。

JavaScript 框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码的工具和函数。每一个库都在众多流行的 Web 浏览器的现代版本上进行了可靠的测试,因此,您可以放心地使用这些框架,您的基于 JavaScript 的 RIA 将会在不同浏览器和平台上以类似的方式工作。

除了解决跨浏览器问题,使用 JavaScript 框架可以更容易地编写检索、遍历、操作 DOM 元素的代码。它们不仅提供获取 DOM 元素引用的快捷函数,而且还允许 DOM 遍历函数以菊花链(daisy-chaining)方式查找任意深度的父元素、子元素、兄弟元素。最后,框架还提供一系列函数来更轻松地操作这些对象,可以改变、添加或删除内容本身;或者使用 CSS 样式类来改变元素的外观。

框架的另一重要特性是其改进的事件处理支持。由于不同浏览器的实现方式各不相同,跨浏览器事件处理将会非常艰难。因此 JavaScript 框架通常封装浏览器事件,并提供一组有用的跨浏览器兼容的函数来进行处理。有些框架还会提供一组标准键盘代码来表示基于键盘的事件(如按下 Escape 键、Return 键、光标键,等等)。

所有这些特性都非常有用,但 JavaScript 框架有一个特性对于它最近的流行非常重要 — 支持 Ajax。与 JavaScript 的其他许多方面一样,每个 Web 浏览器往往以不同方式支持 Ajax,这使得以一种在所有 Web 浏览器中都受支持的方式处理 Ajax 变得十分复杂。几乎所有 JavaScript 框架都包含某种形式的 Ajax 库支持,通常提供 Ajax 请求和响应对象,以及用于评价响应、更新 DOM 元素、查询特定请求的帮助函数(helper)。

JavaScript 框架的典型特性

现在,让我们看一看大多数 JavaScript 框架都具备的有用特性。包括:

1.选择器(Selector)
2.DOM 遍历
3.DOM 操作
4.实用(Utility)函数
5.事件处理Ajax

在解释每个特性时,我将会用以下的一个或几个 JavaScript 框架举例说明:Prototype、jQuery、YUI、ExtJS 和 MooTools。尽管每个框架的实现和语法都各不相同,但概念都是相同的。每个框架都有一个详细的 API 参考,可帮助您理解如何使用该特定库中的特性。

相关文章

  • js代码判断是否处于微信浏览器内两种方式

    js代码判断是否处于微信浏览器内两种方式

    微信内置浏览器屏蔽了下载链接,如果用户是用微信内置浏览器打开的,则提示用户换一个浏览器打开页面,那么该如何判断用户是否是用微信浏览器呢?这篇文章主要给大家介绍了关于js代码判断是否处于微信浏览器内的两种方式,需要的朋友可以参考下
    2023-10-10
  • javascript hashtable 修正版 下载

    javascript hashtable 修正版 下载

    javascript hashtable 修正版 hashtable hashset 下载,需要的朋友可以收藏下。
    2010-12-12
  • uniapp使用scroll-view实现左右上下滑动功能

    uniapp使用scroll-view实现左右上下滑动功能

    最近在用uni-app开发小程序时,需要用scroll-view做出左右上下滑动效果,所以下面这篇文章主要给大家介绍了关于uniapp使用scroll-view实现左右上下滑动功能的相关资料,需要的朋友可以参考下
    2022-11-11
  • JavaScript 字符串新增方法 trim() 的使用说明

    JavaScript 字符串新增方法 trim() 的使用说明

    这篇文章主要介绍了JavaScript字符串新增方法trim()的使用说明,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的朋友可以参考一下
    2022-09-09
  • js判断当前浏览器类型,判断IE浏览器方法

    js判断当前浏览器类型,判断IE浏览器方法

    这篇文章主要介绍了js判断当前浏览器类型,判断IE浏览器方法,需要的朋友可以参考下
    2014-06-06
  • javaScript实现支付10秒倒计时

    javaScript实现支付10秒倒计时

    这篇文章主要为大家详细介绍了javaScript实现支付10秒倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript中实现map功能代码分享

    JavaScript中实现map功能代码分享

    这篇文章主要介绍了JavaScript中实现map功能代码分享,本文直接给出实现代码,给出一个MAP类,类中包含大多数的常用方法,还可以自己扩展,需要的朋友可以参考下
    2015-06-06
  • JavaScript图片url地址转base64简单示例

    JavaScript图片url地址转base64简单示例

    这篇文章主要给大家介绍了关于JavaScript图片url地址转base64的相关资料,图片URL转Base64是把图片URL转化为一个以base64编码的字符串格式,使得图片可以直接在HTML或CSS中使用,需要的朋友可以参考下
    2023-10-10
  • JS实现li标签的删除

    JS实现li标签的删除

    这篇文章主要为大家详细介绍了JS实现li标签的删除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • 实现web打印的各种方法介绍及实现代码

    实现web打印的各种方法介绍及实现代码

    web的打印方法具我自己懂得知道的有:JQuery插件Jqprint实现;JQery打印插件PrintArea实现网页打印;CSS控制网页打印样式,本文详细介绍实现步骤,感兴趣的朋友可以了解下
    2013-01-01

最新评论