什么是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 相关文章推荐
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
js控制frameSet示例
Sep 10 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
Sep 24 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
小程序实现单选多选功能
Nov 04 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 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
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
PHP源码分析之变量的存储过程分解
2014/07/03 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
jquery maxlength使用说明
2011/09/09 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
flexible.js实现移动端rem适配方案
2020/04/07 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
python爬虫获取新浪新闻教学
2018/12/23 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
python同步两个文件夹下的内容
2019/08/29 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
实习报告评语
2014/04/26 职场文书
拔河比赛口号
2014/06/10 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
分析Python list操作为什么会错误
2021/11/17 Python