首页>>前端>>Vue->javascript架构?

javascript架构?

时间:2023-12-07 本站 点击:0

目前nodejs都有什么框架呢?哪个最好

对于开发者来最好的15个Node.JS框架:

Kiss

Kiss.js使用Django风格的模板。通过项目你可以看到,客户端的coffee scripts脚本在刚开始时会被加载。样式使用Stylus。

Sails

Sails 很容易]创建自定义的,企业级的Node.js应用。它被设计成你熟悉的类似Ruby on Rails的MVC框架,但是又可以满足现代应用的需要: 可扩展的数据驱动接口,面向服务的架构。它特别擅长设计图表,时时表单,或多人游戏辩困禅,你可以在任何项目中使用。

Total

Total.js是另外一旧助你创建Node.js,Web页面/应用的好框架,同样支持MVC架构。它是一旧使用HTML,JavaScript和CSS创建的现代框架。

Partial

Partial.js又一个 Node.JS框架,开发者使用HTML,CSS和JavaScript可以创建大型的Web站点和应用。功能和架构类似于total.js

Flatiron

Flatiron.js同样也是一旧现代的下一代的web框架,帮助开发者创建惊艳的web应用和功能。

Socket Stream

Socket Stream是被来设计时时响应的单页面程序,基于快速的棋模块尺让化r 特性。

Socket.io

Socket.io是基于node.js的实时框架,支持HTML的WebSocket和跨浏览器的向后监察。

Dozer

Dozer是一款极快r 支持前端应用的系统。它不是一个框架,不是一个工具包。Dozer的设计原则是为前端提供RESTful API的接口支持。

Coke

COKE是一个轻量级的MVC框架。它非常简单,模块化的,非常快。

Express.io

Express.io是一组实时的基于node.js的web开发框架,支持MVC构架创建Web应用。

Opa

Ops是g 个JavaScript的框架-快速的加密的Web开发。

Spine

现代的MVC模式,完全支持现代JavaScrip应用。

Mean

MEAN是一款优化后的全栈javascript node.js框架,将简化和携尘加速你的web应用开发。

Sleek

一步就叫座创建快速的,灵活的,友好的web程序。

Stapes

Stapes.js假设你的流程和风格是未知r 。

kraken

Kraken是一个安全的可扩展的框架,可以帮助你更好组织你的架构。他们的模块都可以独立使用。

Derby

Web webjs将你的服务器端脚本变得更简单,更稳定,可读性晚好。

Geddy.

WINTERSMITH

基于node.js的快速的极小的,多平台支持的站点生成器。

javascript框架有哪些

目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx

Dojo (JS library and UI component ):

Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的 工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛 应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织 方式。 用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容好橡标准的界面。

优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持

缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。

Prototype (JS OO library):

是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样 的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous 实现一些JS组件功能和效果。

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

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

Scriptaculous (JS UI component based on prototype):

Scriptaculous是基于prototype.js框架的JS效果。包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般

优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果

缺点:刚刚兴起,需要时间的磨练

yui-ext (JS UI component):

基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。

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

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

Jquery :

jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标,

优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函档袜橡数

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

Mochikit :

MochiKit自称为一个轻量级的js框架。MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。它还有自己的 js 代码解释器

优点:MochiKit.DOM这部分很实用,简介也是很突出的

缺点:轻量级的缺点

mootools :

MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。

优点:可以定制自己所需要的功能,可以说是prototypejs的增强版。

缺点:不大不小,具体应用具体分析

moo.fx :

moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或mootools框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。

优点:小块头有大能耐

缺点:这么小了,已经不错了

javascript MVC模式 对于MVC我懂得如何架构和写代码,能不能就登录这一功能给我解释一下,最好附代码?

//由于javascript实际上比java更加彻底的对象化的原因,所以model层可以任意的删改,所以只做了简化

function Model(o){

    for(var k in 档渗o )

        this[k] = o;

}

//视图层模板

function _template(s,args){

    return s.replace(/\$\$\{(.*?)\}/img,function(ag,ag1){

        return args[ag1]||ag;

    })

}

var _routeList={

    "login":{

        _model:new Model({id:null,pwd:null}),//假设这里是填充好的数据

        controlFun:function(id,pwd){//相当于action的方法

            if(id==="hao"  pwd==="123"){

                this._model.id="hao";//模拟对象数据,填充,为视图层准备

                document.getElementById("result").innerHTML=_template("div欢迎$${id}登陆/div",this._model);//填充视图层数据

        行宽脊    }

        }

    }

}

function router(url ,args){//模拟路由层

    if(url==="login"){//简写,相当于action请求路径

        _routeList[login].controlFun.apply(this,args)

    }

    

}

//假设下面是提交按钮

input ..... onclick= router("login",["hao","123"])  //路由层做转发

我写的非常简单,接近伪代码

视图层的绑定,action的请求拦截,Model层的一些对象操作都没写,还有DI啊之类的特性也没做,因为一旦真正写起来代码量太大都不够贴的,所以巧旁我暂时只把思路描述一下

javascript模块化是什么及其优缺点介绍

如今backbone、emberjs、spinejs、batmanjs

等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模块化的JavaScript扑面而

来。web前端已经演变成大前端,web前端的发展速度之快。

1)我们来看看什么是模块化?

模块化是一种将系统分离成独立功能部分的方法,可将系统分割成独立的功能部分,严格定义模块接口、模块间具有透明性。javascript中的模块在一些C、PHP、java中比较常见:

c中使用include 包含.h文件;php中使用require_once包含.php文件

java使用import导入包

此中都有模块化的思想。

2)模块化的优缺点:

a优点:

可维护性

1.灵活架构,焦点分离

2.方便模块间组合、分解

3.方便单个模块功能调试、升级

4.多人协作互不干扰

可测试性

1.可分单元测试

b缺点:

性能损耗

1.系统分层,调用链会很长

2.模块间通信,模块间发送消息会很耗性能

3)最近的项目中也有用到模块化,

使用的是seajs,但是当引用到jquery,jquery easyui/或者jquery

UI组件时,有可能会用到很多jquery插件,那这样要是实现一个很复杂的交互时,模块间的依赖会很多,使用define()方法引入模块会很多,不知

有册或么有什么好的方法?

4)附:

内聚度

内聚度指模块内部实现,它是信息隐藏和局部化概念的自然扩展,它标志着一个模块内部各成分彼此结合的紧密程度。好处也很明显,当把相关的任务分组后去阅读就容易多了。 设计时应该尽可能的提高模块内聚度,从而获得较高的模块独州缓伍立性。

耦合度

耦合度哪和则是指模块之间的关联程度的度量。耦合度取决于模块之间接口的复杂性,进入或调用模块的位置等。与内聚度相反,在设计时应尽量追求松散耦合的系统。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/17606.html