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框架使用比例

怎么选择一款JS框架

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

如何去写一款框架

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

写适合自己的框架

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

05 JavaScript框架汇总相关推荐

  1. 十大热门JavaScript框架汇总

    JavaScript是一种多范式语言,支持事件驱动,功能和命令式(包括面向对象和基于原型的)编程样式.JavaScript最初仅用于客户端.但是,如今,JavaScript也被用作服务器端编程语言.总 ...

  2. 前端JavaScript框架汇总

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

  3. JavaScript 可视化框架汇总

    本文讨论了三种主要的 JavaScript 框架,用于将数据可视化到客户端. 1.D3.js D3js 是一个可以基于数据来操作文档的 JavaScript 库.可以帮助你使用 HTML, CSS,  ...

  4. JavaScript框架有哪些?JS框架汇总

    JavaScript是一种多范式语言,支持事件驱动,功能和命令式(包括面向对象和基于原型的)编程样式.JavaScript最初仅用于客户端.但是,如今,JavaScript也被用作服务器端编程语言.总 ...

  5. Java及JavaScript常见框架汇总

    Java的九大顶级框架: 顶级Java框架#1:Spring Spring排在第一位,是由于它能够开发以高性能著称的复杂web应用程序的出色能力.它能够使Java开发人员轻松地创建企业级应用程序. W ...

  6. 前端Js框架 UI框架汇总 特性 适用范围 选择

    身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...

  7. 2018年终总结之AI领域开源框架汇总

    2018年终总结之AI领域开源框架汇总 [稍显活跃的第一季度] 2018.3.04--OpenAI公布 "后见之明经验复现(Hindsight Experience Reply, HER)& ...

  8. javascript框架比较(四)

    最后,让我们看看 Prototype 中的请求是否具有显着的不同(请看清单 13). 清单 13. 一个 Prototype Ajax 请求 new Ajax.Request('server-scri ...

  9. Ember.js 1.0 RC6 发布,JavaScript 框架

    Ember.js 1.0 发布了第 6 个 RC 版本,下载地址:https://github.com/emberjs/ember.js/tree/v1.0.0-rc.6 该版本包含众多的改进记录,详 ...

  10. Web前端:JS社区推荐的最佳JavaScript框架

    ​ 所有的JS框架都有自己的功能,React位居榜首,Vue.Js是最直接的前端框架之一,开发人员可以在其中轻松编写SPA应用程序. 这是相当明显的,JavaScript正在快速发展,探索当前更多的顶 ...

最新文章

  1. oracle 管道化表函数(Pipelined Table) [转]
  2. 058_Unicode字符官方标准九
  3. c++ map中用char数组_C开发实战-指针和字符串
  4. 为什么单例模式需要double check
  5. HarmonyOS之常用组件Button的功能和使用
  6. getchar()函数的一些知识
  7. phpstormp新建PHP保存在哪里_记一次windows配置PHP环境
  8. php mysql 胚子_php mysql数据库连接浅识
  9. 左神算法进阶班5_3求公司的最大活跃度
  10. Java Applet编程总结
  11. 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建项目
  12. 「leetcode」40.组合总和II【回溯算法】详解!
  13. SQL2008 SP3下载
  14. java 读写acr122u_使用ACR122U 从NTAG203Chip 读取数据
  15. VS2022编译librtmp制作rtmp.lib用于安装windows版本的python-librtmp 0.3.0
  16. 你知道全中国有多少个火车站吗?
  17. 黑盒测试和白盒测试的区别
  18. iOS上装kali Linux的方法
  19. 银行系统日终结算要多久_跨行转账,银行间是怎么清算的?什么时候使用央行的清算系统?...
  20. PPPoE协议交互过程

热门文章

  1. 图像处理:根据像素坐标及像素尺寸大小裁剪遥感影像
  2. word怎么根据点画曲线_word2010如何画直线,曲线,肘形连接符,曲线连接符,等多种直线和曲线类型...
  3. 使用Tampermonkey油猴子给浏览器开个挂
  4. 国外素材网站打不开?还想要同品质图片?
  5. 如何在dw中html字体变大,DW网页的字体大小怎么设置
  6. 在Linux中禅道的安装流程
  7. golang 中文处理
  8. linux 中eth,执行命令取出linux中eth0的IP地址
  9. 软考中级网络工程师证书如何查询?
  10. linux虚拟串口控制器驱动开发及代码实现(uart driver)