MEAN-JavaScript全栈学习我爱编程

学习Node.js全栈框架MEAN-01

2016-11-26  本文已影响171人  2MuchT

WWW和浏览器的那些事

时间倒回1995年的春天,那是一个浏览器领域的乱世,随着大神Tim Berners-Lee 写出了第一个万维网浏览器,浏览器行业群雄并起,崭露头角的有IE还有Netscape的 Netscape Navigator等。

当年的Netscape Navigator大概张这个样子.png

从那以后互联网进入了一段像工业革命这样令世界大变的发展。

学习内容

后面要学习的内容如下:

需要的基础知识

MEAN 简介

MEAN 框架是一个使用JavaScript的全栈框架,MEAN是它的四块组成部分的首字母缩写:

不知道为啥要组合成Mean这个词,知道它很mean,听起来总是怪怪的\(^o^)/~

MEAN 框架的优势:

安装Node.js

这里讲window版本的安装,首先到官网下载安装包:http://nodejs.org/ 然后跟着安装向导一步步安装即可。安装完毕后,在cmd键入 node -v,若显示出node版本则说明node安装成功。新一些的版本Node都是自带npm的,同样,可以在cmd里键入 nmp -v,若显示版本则成功。

Node.js 安装Node

安装MongoDB

这里讲window版本的安装,安装包去mongoDB官网下载,注意选择与自己环境相同的版本比如我的系统是64位的:https://www.mongodb.com/download-center?jmp=nav

MongoDB下载.png

MongoDB的安装稍微有一点繁琐,mac系统的请参考这篇博客:
http://www.jianshu.com/p/80fe2efad81c

初识Node.js

这一章将要了解的知识点有:

Node.js 简介

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
2009年2月,Ryan Dahl在博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库。
-百度百科

事件驱动

Node.js运用了JavaScript支持non-blocking操作的特点,这一特点使得平台的效率比较高。JavaScript是一个事件驱动的语言,这意味着一段代码对应着特殊的事件。当事件被触发后,相应的代码将会被执行。这一特点允许开发者很容易的实现异步代码。下面的例子可以帮助我们更好的理解事件驱动

一下是一段Java代码:

 System.out.print("What's your name?"); 
 String name = System.console().readLine();
 System.out.print("Your name is: "+ name) 

在上面的例子中,编译器会从第一行开始执行代码,然后第二行。但是在用户输入名字之前,编译器不会继续往下执行。这就是同步编程,一行I/O操作的代码会卡住剩下的代码。然而,JavaScript并不是这样工作的。

JavaScript最早是用来支持浏览器操作的语言,它做的最多的这与浏览器操作事件相关的事。由于这种架构模式,HTML代码会把事件代理给JavaScript代码。

<span>What is your name?</span>
<input type=""text id="nameInput">
<input type="button" id="showNameButton" value="Show Name">
<script type="text/javascript">
var showNmaeButton = document.getElementById('showNameButton');
showNameButton.addEventListener('click', function(){
  alert(document.getElementById('nameInput').value);
});
</script>

(待续....)

上一篇 下一篇

猜你喜欢

热点阅读