如何编写自己的JS框架类库

JavaScript014

如何编写自己的JS框架类库,第1张

把自己想要封装的js方法,写在自己建的一个js文件里,。

使用的时候,把这个js文件导入到jsp文件中去就可以使用你封装的js方法了。

jquery也是这样的。

前端开发者的都知道3大框架:Angular,Vue,React。但是除了这三个框架以外的前端框架还有那些?下面具体介绍下前端都有哪些框架:一.前端UI框架1.bootstrap框架,它来自 Twitte,是目前最受欢迎的前端框架。具有简洁、直观的前端开发特点。2.EasyUI框架,EasyUI是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。通过使用easyui不需要写很多代码,只需要通过编写一些简单HTML标记,就可以定义用户界面。二.前端框架1.Node.js框架。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。2.Vue.js框架。 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API。3.React框架。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,是一个用于构建用户界面的 JAVASCRIPT 库。4.Angular.Js框架。angular.Js框架是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签。

Yui-ext

基于Yahoo UI的扩展包yui-ext是具有cs风格的web用户界面组件,能实现复杂的Layou布局,界面效果可以和backbase比美,而且使用纯JavaScript代码开发。真正的可编辑的表格edit Grid,支持XML和Json数据类型。许多组件实现了对数据源的支持,如动态布局,动态加载Tree控件,动态拖拽效果等等。从1..0beta版开始同jQuery合作,推出基于jQuery的ext1.0,提供了更多有趣的功能。

优点:结构化,清晰明了,底层用到了jQuery的一些函数,使整合使用有了选择,最重要的一点是界面太 让人震撼了。

缺点:太过于复杂,整个界面的构造过于复杂。

Jquery

任何使用场景都适用;jQuery是一款同prototype一样优秀的js开发类库,特别是针对css和xpath的支持,使我们写JS变得更加方便。

优点:注重简洁和高效,js效果有yui-ext的选择,因为yui-ext重用了很多jquery的函数;

缺点:据说太嫩,历史不悠久。

Extjs 内部系统,后台系统,管理系统等,有很好的UI设计;

Dojo

功能是最为强大的JS框架,Dojo是一个用JavaScript编写的开源的DHTML工具箱。Dojo包括Ajax、browser、event、widget等跨浏览器API,包括了js本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库。Dojo强大的地方在于界面和特效的封装,可以 让开发者快速构建一些兼容标准的界面。适合企业应用和产品开发;

优点:库相当完善,发展时间也比较长,得到sun和IBM的持。

缺点:文件体积比较大,200多kb,JS语法增强方面不如prototype。

Prototype

最成熟的框架;定义了JS的面向对象扩展,Dom操作API,事件等等,以prototype为核心,形成一个外围的各种各样的JS扩展库;

优点:基本底层,易学易用,甚至是其他一些JS特效开发包的底层,体积算是最小的;

缺点:如果说缺点,可能就是功能是它的弱项;