什么是MEAN?JavaScript编程中的MEAN是什么意思?


Posted in Javascript onDecember 18, 2014

前段日子看到一篇文章提到MEAN这个词,什么是MEAN?

其实MENA就是 MongoDB(非关系数据库) + Express(模板引擎) + AngularJS(MVC javascript库) + NodeJS(服务器脚本)的简称。

它们共同构造 基于 javascript 的 现代web应用全栈开发工具。

MongoDB:

是一种强大、灵活、可扩展的数据存储方式。

它扩展了关系型数据库的众多有用功能,如辅助索引、范围查询、和排序、它内置的对MapReduce式聚合的支持和对地理空间索引的支持。

它将传统数据库行(row)的概念换成,文档(document)模型,所谓文档模型其实就是一个数组对象。

我们来看一下文档模型:

{“_id” : 1 , “greeting” : “hello,world!” , “foo” : 3}

每个文档都会带有一个_id的字段,该文档模型代表数据库中有一条记录,包含字段 greeting , foo 和  _id;

Express:

什么是MEAN?JavaScript编程中的MEAN是什么意思?

关于末班引擎Express,我想用按句话来描述它:

是一个简洁而灵活的node.jsWeb应用框架, 提供一系列强大特性帮助你创建各种Web应用。

丰富的HTTP工具以及来自Connect框架的中间件随取随用,创建强健、友好的API变得快速又简单

Express 不对 node.js 已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能

AngularJS:

AngularJS是由google开发的一款js库,它与backone一样同为MVC脚本库。

几乎每种语言的第一课都是讲hello world,按照惯例我们也来一个:

<!doctype html>

<html ng-app>

<head>

 <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>

</head>

<body>

 Hello {{'World'}}!

</body>

</html>

<html ng-app>

声明了该页面使用angularJS,当加载该页时,标记ng-app告诉AngularJS处理整个HTML页并引导应用。
这个例子在页面打印hello world,有的人就奇怪了,hello world搞这么复杂干嘛。

其实{{}}里内容是一种数据绑定的形式,看完下个例子你就知道它的强大之处了。

我门接着看下一个例子:

<!doctype html>

<html ng-app>

<head>

 <script src="angular-1.0.1.min.js"></script>

</head>

<body>

 Your name: <input type="text" ng-model="yourname" placeholder="World">

 <hr>

 Hello {{yourname || 'World'}}!

</body>

</html>

在浏览器里打开这个页面,然后试着在输入框输入随意字符,你会发现这些输入的字符立即更新显示在问候语中。 是不是很神奇?

的念。 输入框的任何更改会立即反映到模型变量(一个方向),模型变量的任何更改都会立即反映到问候语文本中(另一方向)。

该示例有一下几点重要的注意事项:

1. 文本输入指令<input ng-model=”yourname” />绑定到一个叫yourname 的模型变量。

2. 双大括号标记将yourname 模型变量添加到问候语文本。

3. 你不需要为该应用另外注册一个事件侦听器或添加事件处理程序!

NodeJS

是由Ryan Dahl开发的一款高性能服务器js平台。

它是集于V8引擎开发的,V8引擎是google开发的 javascript引擎,不是汽车的V8引擎 ? -是一款高性能引擎,它的性能远远超越其他脚本语言。

nodeJS使用的是 异步I / O的通信方式,这种方式和AJAX很类似:

$.post("url", {title:"post请求"}, function(data){

 console.log("收到响应");

})

console.log("发送ajax结束");

什么是MEAN?JavaScript编程中的MEAN是什么意思?

nodejs的请求方式:

var fs = require('fs');

fs.readFile("/path", function(err, file){

 console.log("读取文件完成");

});

console.log("发起读取文件");

什么是MEAN?JavaScript编程中的MEAN是什么意思?

我们再看下面这个例子:

当同时执行两个请求的时候,总耗时取决于耗时最多的那个,而不是两个请求的耗时总和,因为他们两个是并行的。

//第一个请求

var fs = require('fs');

fs.readFile("/path1", function(err, file){

 console.log("读取文件1完成");

});

//第二个请求

fs.readFile("/path2", function(err, file){

 console.log("读取文件2完成");

});

console.log("发起读取文件");

nodejs高性能的另一个原因是基于事件驱动:

node将前端浏览器中的 事件 引入后端,配合异步I/O,将事件点暴露给业务逻辑。

事件的变成方式具有轻量级,松耦合,只关注事物点等优势。

Javascript 相关文章推荐
Area 区域实现post提交数据的js写法
Apr 22 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
Vue.js分页组件实现:diVuePagination的使用详解
Jan 10 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 #Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 #Javascript
node.js中的fs.chmod方法使用说明
Dec 18 #Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 #Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 #Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 #Javascript
javascript实现根据身份证号读取相关信息
Dec 17 #Javascript
You might like
php计算两个文件相对路径的方法
2015/03/14 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
jQuery Real Person验证码插件防止表单自动提交
2015/11/06 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
js实现下一页页码效果
2017/03/07 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
Python如何计算语句执行时间
2019/11/22 Python
python实现学生管理系统开发
2020/07/24 Python
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
应用服务器有那些
2012/01/19 面试题
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
捐赠仪式主持词
2014/03/19 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
迁户口计划生育证明
2014/10/19 职场文书
预备党员自我评价范文
2015/03/04 职场文书
家属联谊会致辞
2015/07/31 职场文书
员工旷工检讨书
2015/08/15 职场文书