nodejs和vuejs的关系

avatar 2020年1月28日15:20:55 评论 242

nodejs类比Java中:JVM

 详述:

就前端来说nodejs具有划时代的意义,

做前端的没用过nodejs都不好意思说自己是前端,

做后端的没听过nodejs,

或者说不出nodejs和java的优缺点,也不是一个合格的后端。

 

nodejs不是一个js框架,千万不要认为是类似jquery的框架,

nodejs是js运行时,运行环境,类比java中jvm,

java的开端是什么,无疑是jvm,自从有了jvm,java才能吹牛说自己是“一次编写处处运行”,

不管你是windows还是linux,只要安装了对应版本的jvm都可以运行.class文件。

 

同样nodejs的作用和jvm的一样一样的,也是js的运行环境,不管是你是什么操作系统,

只要安装对应版本的nodejs,那你就可以用js来开发后台程序。

 

这具有划时代的意义,意味着一直以来只能在浏览器上玩来玩去的js,可以做后端开发了,

从有了nodejs后就催生出一大批用js做后台开发的前端人员,这部分人员就是偏前端的“全栈程序员”。

 

记住,nodejs是和jvm同等地位的js运行环境,打开了前端人员走向后端的道路。

1.png

 

【js mvc框架】

相关框架:

框架太多,详见下面两篇文章

私人定制,十款最佳Node.js MVC框架

基于NodeJS的14款Web框架

类比Java中的:

ssh1(struts1+spring+hibernate),ssh2(struts2+spring+hibernate),ssm(springmvc+spring+mybatis)

详述:

上面说到nodejs打开了前端开发人员开发后端的大门,而且nodejs类比jvm,

那么学习java的人都知道,学习完jvm(基础)后该学什么了?

对,框架,

java中有哪些框架,正如上面所说,ssh1,ssh2,ssm等等,

这些框架都mvc框架。

 

既然nodej都有了,jvm出现了,那接下来就是js大神开始封装mvc框架,正如java大神开始封装mvc框架一样,

相对java流行了几种框架,nodejs对应的mvc框架就多的多了,

详见上面两篇文章,足够让你看的眼花缭乱。

 

其中比较有名的是expressjs。

 

记住,当你看到这些js框架的时候,微微一笑,原来就是写mvc框架,基于nodejs:

Sails. js,Total.js,Partial.js,Koa. js,Locomotive. js,Express. js,Flatiron. js

2.png

【js模块化】

相关概念:

commonjs,amd,cmd,umd

相关框架:

commonjs,seajs,requirejs,coolie

类比Java中的:

import,对就是import。。

详述:

如上所说,当有了nodejs(jvm),有了mvcjs(ssh)之后,

可想而知,每个mvcjs中会有多少js文件,这个时候js模块化就派上用处了,

 

当有人和你说js模块化如何如何,感觉自己很吊的时候,甩他一句,不就是java中的import吗?

对,虽然在前端看来js模块化如何牛x,如何吊,但是就java来说就是import。

看看下面两张图片就明白了,对比requirejs(amd)和java导包:

1.png

2.png

 

但是js中的模块化,还有很多规范,比如commonjs,amd,cmd,umd,感觉头大了吧,

其实简单的来说,就是commonjs是运行在nodejs端,amd,cmd,umd是运行在浏览器,

其作用就是import各种js文件,把js模块化管理,可以理解为java中的包管理,

详见这篇文章:http://coolie.ydr.me/introduction/commonjs-amd-cmd-umd.html

 

同样,一个mvc,js能做出来10+种框架,可想而知模块化,js也对应很多框架,

例如commonjs,requirejs,seajs等等。

 

记住,commonjs,requirejs,seajs等js模块化框架,遵循各种规范(amd,cmd,umd,commonjs),

好文要顶 关注我 收藏该文  
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: