什么是MEAN?JavaScript编程中的MEAN是什么意思？
前段日子看到一篇文章提到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：
关于末班引擎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结束");
nodejs的请求方式：
var fs = require('fs');
fs.readFile("/path", function(err, file){
console.log("读取文件完成");
});
console.log("发起读取文件");
我们再看下面这个例子：
当同时执行两个请求的时候，总耗时取决于耗时最多的那个，而不是两个请求的耗时总和，因为他们两个是并行的。
//第一个请求
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现实多行信息
Function.prototype.getMultiLine = function() { var lines = new String(this); lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/")); return lines; } var ffff = function() { /* 张三去倒水 天哪! */ } document.write(ff
-
JavaScript 是什么意思
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. javascript一种由Netscape的LiveScript发展而来的脚本语言,它提高与Java的兼容性.JavaScript采用HTML页作为其接口 为了使网页能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入
-
一个挺有意思的Javascript小问题说明
先来看以下3段代码 复制代码 代码如下: var firstName = "Mark"; (function DisplayFirstName() { console.log(firstName); })();//必然输出 Mark var lastName = "Aut"; (function DisplayLastName() { var lastName = "Bru"; console.log(lastName); })();//必然输出
-
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式.表达式外侧的圆括号是选的,但是写上去是一个好习惯. 你以使用 void 操作符指定超级链接.表达式会被计算但是不会当前文档处装入任何内容. 示例-点击超链接不跳转 1:<a href
-
JSP是什么？JSP是什么意思？
JSP(Java Server Pages)是由Sun Microsystems公司倡导.许多公司参与一起建立的一种动态网页技术标准.JSP技术有点类似ASP技术,它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp). 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行. JSP的简单介绍 JSP技术使用Java编程语言编写类XML的tags和scriptlet
-
javascript:void(0)是什么意思示例介绍
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式.表达式外侧的圆括号是选的,但是写上去是一个好习惯. (实现版本 Navigator 3.0 ) 你以使用 void 操作符指定超级链接.表达式会被计算但是不会当前文档处装入任何内容.
-
Javascript编程中几种继承方式比较分析
本文实例分析了Javascript编程中几种继承方式比较.分享给大家供大家参考,具体如下: 开篇 从'严格'意义上说,javascript并不是一门真正的面向对象语言.这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c#之类的强型语言的继承方式有很大的区别,因而默认它就是非主流的面向对象方式,甚至竟有很多书将其描述为'非完全面向对象'语言.其实个人觉得,什么方式并不重要,重要的是是否具有面向对象的思想,说javascript不是面向对象语言的,往往都可能没有深入研究
-
深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码.异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程.然而,对于初学者来说,书写异步代码可能会比较困难.而在这篇文章里,我将会消除你可能会有的任何困惑. 理解异步代码 JavaScript最基础的异步函数是setTimeout和setInterval.setTimeout会在一定时间后执行给定的函数.它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数.以下是用法举例: console.log( "a" );
-
JavaScript编程中window的location与history对象详解
Window Location window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面. window.location 对象在编写时可不使用 window 这个前缀. 一些例子: 一些实例: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.protocol 返回所使用的 web 协
-
详解JavaScript编程中的数组结构
数组对象的作用是:使用单独的变量名来存储一系列的值. 创建数组, 为其赋值: 实例 var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; 什么是数组? 数组对象是使用单独的变量名来存储一系列的值. 如果你有一组数据(例如:车名字),存在单独变量如下所示: var car1="Saab"; var car2=&q
-
深入解析JavaScript编程中的this关键字使用
JavaScript 里的 this 到底指得是什么?很多人都会告诉你 this 指的是当前对象.这样理解对么?在大多数情况下确实没错.比如我们经常会在网页上写这样的 JavaScript: <input type="submit" value="提交" onclick="this.value='正在提交数据'" /> 这里的this显然指的是当前对象,即这个提交按钮.通常,我们使用this的情况都与此类似.但是有什么情况不是这样的呢
-
JavaScript编程中容易出BUG的几点小知识
JavaScript是如今最受欢迎的编程语言之一,但受欢迎同时就是该语言自身的各种特性带来的副作用,无论该语言多美妙,每天还是有成千上万的程序员弄出一堆bug.先不要嘲笑别人,或许你也是其中之一. 给你一个例子,下面是几个简短的完全有效的JS片段(你可以在你的控制台上试验一下): 复制代码 代码如下: typeof NaN === 'number' // true Infinity === 1/0 // true 0.1 + 0.2 === 0.3 // false
-
深入理解JavaScript编程中的原型概念
JavaScript 的原型对象总是让人纠结.即使是经验丰富的JavaScript专家甚至其作者,经常对这一概念给出很有限的解释.我相信问题来自于我们对原型最早的认识.原型总是与new, constructor 以及令人困惑的prototype属性紧密联系.事实上,原型是一个相当简单的概念.为了更好地理解它,我们需要忘记我们所'学到'的构造原型,然后,追本溯源. 什么是原型? 原型是一个从其他对象继承属性的对象. 是不是任何对象都可以是原型? 是的 那些对象有原型? 每个对象都有一个默认的原型.
-
深入剖析JavaScript编程中的对象概念
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. 所有事物都是对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 布尔型可以是一个对象 数字型可以是一个对象 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是一个对象 甚至函数也可以是对象 JavaScript 对象 对象只是一种特殊的数据.对象拥有属性和方法. 访问对象
-
异步JavaScript编程中的Promise使用方法
异步? 我在很多地方都看到过异步(Asynchronous)这个词,但在我还不是很理解这个概念的时候,却发现自己常常会被当做"已经很清楚"(*￣?￣). 如果你也有类似的情况,没关系,搜索一下这个词,就可以得到大致的说明.在这里,我会对JavaScript的异步做一点额外解释. 看一下这段代码: var start = new Date(); setTimeout(function(){ var end = new Date(); console.log("Time elap
-
什么是MEAN?JavaScript编程中的MEAN是什么意思？
前段日子看到一篇文章提到MEAN这个词,什么是MEAN? 其实MENA就是 MongoDB(非关系数据库) + Express(模板引擎) + AngularJS(MVC javascript库) + NodeJS(服务器脚本)的简称. 它们共同构造 基于 javascript 的 现代web应用全栈开发工具. MongoDB: 是一种强大.灵活.可扩展的数据存储方式. 它扩展了关系型数据库的众多有用功能,如辅助索引.范围查询.和排序.它内置的对MapReduce式聚合的支持和对地理空间索引的支