05 JavaScript框架汇总

傷城~ 2021-11-27 02:24 402阅读 0赞

### JavaScript框架汇总 ###

*  目录
 *   *  框架定义
     *  为什么使用JS框架
     *  JS框架分类
     *  常见JS框架
     *   *  JQery
         *  YUI DOM
         *  Prototype
         *  Mootools
         *  ExtJS
         *  Mochikit
         *  Dojo
         *  Kissy
         *  Como Js
         *  Jet
         *  JavaScriptMVC
         *  Qooxdoo
         *  SproutCore
         *  Sencha Touch
         *  IUI
     *  JS框架使用比例
     *  怎么选择一款JS框架
     *  如何去写一款框架
     *  写适合自己的框架

> 本文总结常用JavaScript框架，持续更新中

# 目录 #

## 框架定义 ##

“框架”指一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使开发人员把重点放在任务项目所特有的方面，避免重复开发。

## 为什么使用JS框架 ##

JavaScript 框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码的工具和函数。每一个库都在众多流行的 Web 浏览器的现代版本上进行了可靠的测试。框架极大地简化了开发进程，并带来一致、可靠，以及高度交互性的用户界面。

## JS框架分类 ##

*  JavaScript库  
    解决浏览器兼容性问题，快速开发Web应用，丰富UI效果
 *  跨浏览器RIA（Rich Internet Application）框架  
    类桌面应用
 *  移动网络应用APP框架  
    为移动设备而设计，基于HTML5和CSS3

## 常见JS框架 ##

### JQery ###

由John Resig创建，其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的JS库（压缩后只有21k），同时兼容CSS3和各种浏览器。

### YUI DOM ###

### Prototype ###

它是一个面向对象的JavaScript框架，封装并简化和扩展一些  
在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。

### Mootools ###

MooTools 是一个简洁，模块化，面向对象的JavaScript框架。

### ExtJS ###

ExtJS是一个跨浏览器，用于开发RIA应用的JS框架。

### Mochikit ###

MochiKit 是一种有用的高端 JavaScript 库。

### Dojo ###

Dojo 是一个强大的面向对象JavaScript框架。

### Kissy ###

KISSY 是一个小巧灵活、简洁实用的 UI 类库。

### Como Js ###

Como JS是一款代码简易而功能强大的Javascript框架，能  
够异步按需加载js和css文件，增强page的加载速度。

### Jet ###

Jet适用于Web Page和Web App开发。

### JavaScriptMVC ###

JavaScriptMVC是一个功能强大的JavaScript framework，也是一个很棒的JavaScript测试框架。

### Qooxdoo ###

Qooxdoo是一个 Ajax 应用框架使用基于面向对象JavaScript。

### SproutCore ###

SproutCore苹果对SproutCore的解释为“开源，平台无关，类Cocoa的JavaScript框架，用于创建具有桌面应用程序外观和操作感的Web应用程序”。

### Sencha Touch ###

Sencha Touch可以让你的Web App看起来像Native App。

### IUI ###

IUI 包含一套 JavaScript 库，CSS 式样表及图片，是一个轻量级 iPhone UI 库，可以为你的 Web 程序带来 iPhone 般的体验。

## JS框架使用比例 ##

![在这里插入图片描述][20190802160340901.png]

## 怎么选择一款JS框架 ##

*  你的项目需求
 *  框架支持A级浏览器吗
 *  是否利于团队协作开发
 *  框架是否成熟
 *  文档是否健全
 *  社区支持是否充足
 *  框架的扩展性如何
 *  你是否喜欢API的风格
 *  代码执行速度性能如何
 *  代码是否为模块化
 *  代码可重用性如何

## 如何去写一款框架 ##

*  写一个稳定的API
 *  一个命名空间
 *  不要扩展原生的对象
 *  代码要容易被扩展
 *  处理好浏览器兼容性问题
 *  写好文档
 *  测试你的框架

## 写适合自己的框架 ##

*  分析业务需求
 *  如何组织框架
 *  实现底层库
 *  实现UI库
 *  实现扩展机制
 *  兼容其它类库

[20190802160340901.png]: /images/20211126/062a34ab831744b2aca373564af89ffb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，402人围观）

还没有评论，来说两句吧...

相关阅读

相关 05_JavaScript的循环语句

认识循环在开发中我们经常需要做各种各样的循环操作：比如把一个列表中的商品、歌曲、视频依次输出进行展示；比如对一个列表

女爷i/ 2023年09月28日 08:33/ 0 赞/ 122 阅读

相关 Javascript 基础汇总

1 javascript字符串属性：.length 计算字符串长度转义字符 \\ \\n 换行 \\r 回车字符串断行需要使用反斜杠 \\ 2 字符串方法

ゞ浴缸里的玫瑰/ 2023年08月17日 16:20/ 0 赞/ 113 阅读

相关 SpringMVC框架05——拦截器

1、拦截器概述 Spring MVC的拦截器（Interceptor）与Java Servlet的过滤器（Filter）类似，它主要用于拦截用户的请求并做相应的处理，通常

傷城~/ 2023年07月04日 14:27/ 0 赞/ 95 阅读

相关前端基础-05-JavaScript简介

JavaScript简介 1.JavaScript简介 JavaScript 是一种脚本语言，是一种动态类型、弱类型 JavaScript通常用来操作H

柔情只为你懂/ 2022年06月05日 03:41/ 0 赞/ 223 阅读

相关 Javascript 查漏补缺05

怎样添加、移除、移动、复制、创建和查找节点？ 1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement()

短命女/ 2022年05月09日 08:22/ 0 赞/ 311 阅读

相关 JavaScript_05——确认对话框

<html> <head> <title> 确认对话框 </title> </head> <body>

电玩女神/ 2022年02月15日 10:13/ 0 赞/ 325 阅读

相关前端JavaScript框架汇总

概述：有些日子没有正襟危坐写博客了，互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息

àì夳堔傛蜴生んèń/ 2022年02月03日 14:27/ 0 赞/ 300 阅读

相关 05-spring框架—— Spring 事务

5.1 Spring 的事务管理　　事务原本是数据库中的概念，在 Dao 层。但一般情况下，需要将事务提升到业务层，即 Service 层。这样做是为了能够使用事

我不是女神ヾ/ 2021年12月09日 00:23/ 0 赞/ 301 阅读

相关 05 JavaScript框架汇总

JavaScript框架汇总目录框架定义为什么使用JS框架 JS框架分类常见JS框架

傷城~/ 2021年11月27日 02:24/ 0 赞/ 403 阅读

相关 JavaScript(05): 正则表达式

当检索某个文本的时候，我们可能需要一种模式来描述被检索的内容，在这种情况下就可以考虑使用正则表达式。正则表达式可以定义一种模式，这种模式可能是一个简单的字符、也可能是一个非常复

妖狐艹你老母/ 2021年09月22日 09:20/ 0 赞/ 236 阅读