什么是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 相关文章推荐
js获取html参数及向swf传递参数应用介绍
Feb 18 Javascript
一个简单的JS鼠标悬停特效具体方法
Jun 17 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
JScript实现地址选择功能
Aug 15 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
layui的select联动实现代码
Sep 28 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中stream(流)的用法
2014/03/25 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
PHP文件与目录操作示例
2016/12/24 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
php简单中奖算法(实例)
2017/08/15 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
JavaScript浏览器选项卡效果
2010/08/25 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
python编写分类决策树的代码
2017/12/21 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
Python绘制组合图的示例
2020/09/18 Python
python实现银行账户系统
2021/02/22 Python
纯css3实现效果超级炫的checkbox复选框和radio单选框
2014/09/01 HTML / CSS
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
印度购物网站:TATA CLiQ
2017/11/23 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
html5调用摄像头截图功能
2022/01/18 Javascript
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python