NodeJS

前端开发的工具

编辑器：

1. 轻量级的，依靠插件：sublime；atom（github）；vs code（miscrosaft）
2. 集成的：DW；webstorm；hbuild；

---

markdown

markdown是一个标记语言，能够利用一些简单的语法来对内容进行排版，能够将markdown文件编译成html，pdf，通常使用markdown写笔记、文档...

eq：通常的项目中都会README.md文件来作项目标识。

通常的编辑器均可以编写markdown，语法简单，也有专门的markdown编辑器

使用gulp搭建markdown编译环境

1. 执行npm init 进行项目初始化获得package.json

2. 全局安装gulp ：npm install gulp --global;

3. 在项目中安装gulp依赖：npm install gulp --save-dev;

4. 建立gulpfile.js文件设置任务：

var gulp = require("gulp")
    var markdown = require('gulp-markdown');
    var mdpdf = require('gulp-markdown-pdf');


    gulp.task("compileMDToHtml",function () {
        gulp.src("./md/*.md")
            .pipe(markdown())
            .pipe(gulp.dest("./html"))
    })

    gulp.task("compileMDToPdf",function () {
        gulp.src("./md/*.md")
            .pipe(mdpdf())
            .pipe(gulp.dest("./pdf"))
    })

    gulp.task("watch:md",function(){
        gulp.watch("./md/*.md",['compileMDToHtml','compileMDToPdf'])
    })

    gulp.task("default",['compileMDToHtml','compileMDToPdf','watch:md'])

1. 在命令行工具经过执行gulp指令来运行gulp中的默认任务

markdown的简单语法

入门链接，来自简书

---

NodeJS

一个后端技术，研究web应用的开发模式...，但愿能有能力开发一些简单的web服务器，学会操做数据库等等。

NodeJS第一课

什么是nodeJs

下面是对官网描述的解析：

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

在Node里面写JS代码，很开心~~，为何基于引擎：在web前端中，js运行在浏览器中，js只是一个脚本语言，js文件也只是一个普通的文本文件，只有在浏览器中才能发挥应有的做用。浏览器内部有一个东西叫作内核，浏览器内核的类型：
IE ：trident/microsoft/ms;chrome:blink(webkit)/google/webkit;firefox:gecko/mozillar/moz;opera:blink(presto)/opera/o; safari：webkit/apple/webkit
内核里有两个东西：渲染引擎（渲染DOM结构，CSS）、脚本引擎（编译执行JS代码）

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其++轻量++又++高效++。

NodeJS的优势：轻量、高效

node是使用C++编写的基于V8引擎的JS运行环境，同时提供了不少基于ECMAScript的扩展对象。

node的底层语言是C++,JS是netscope公司创造出来的，诞生的目的是：在前端作表单验证；netscope将js交给ECMA国际标准组织->ECMAScript 1.0;
ECMAScript是JS的语法规范；因此说：NODEjs里的js语法和浏览器的语法是同样的。且多出了不少对象；

Node.js 的包管理器 npm，成为世界上最大的开放源代码的生态系统。

npm是Node的一个小兄弟,会在安装Node的时候一块儿安装，node package manager；npmjs这个网站上有不少不少的node的工具包来使用，免费的包就有470000+，通常需求的包均可以在这里找到

---

NodeJS能够干什么？

Node.js 能够解析JS代码（没有浏览器安全级别的限制）提供不少系统级别的API，如：

浏览器运行JS的时候，例如AJAX，由于浏览器有同源策略，因此会出现跨域问题，这就是浏览器安全限制
浏览器端js不能操做文件系统，可是在NodeJs里就能够

• 文件的读写
• 进程的管理
• 网络通讯
• ...

nodejs能够编写独立的服务端应用，也能够向客户端提供Web内容，无需借助与任何Web服务器（apache）能够去链接文件系统，还能操做数据库。

证实Node彻底能够做为后端服务器的开发工具
通常的应用分为两种架构：B/S(browser/server);C/S(client/server)
服务器的外观上的话是千奇百怪的，内部分为逻辑层（JS-NODE,PHP-APACHE,JAVA-VM）、资源层(文件系统，数据库)

是Node选择了JS，仍是JS选择了Node？

是Node选择了JS，由于JS的受众较广，且JS的特性和Node的理念较为符合..

---

为何要学习nodeJs

对于我们来讲，一种语言通吃先后端，而且能够增长我们的竞争力

且Node如今较火，它有以下的特色：

==nodejs适合高并发、I/O密集型，可伸缩的网路应用，数据写入读取的应用比较好==

I/O输入输出频繁的应用就是I/O密集型

==nodejs不适合CPU密集型的应用，各类计算的就不太适合==

CPU密集型应用，通常计算量特别的大！

==nodej间服务器：==s适合开发中

> 将高并发的，I/O密集操做交由Node服务器来处理，Node服务器再向真正的Web服务器发送请求获得响应后返回给前端

nodeJs 学习网站

1. nodejs官网

咱们能够在这里下载node，查看api，版本更新日志等动态

1. npm官网

咱们能够在这这里查找不少不少的node模块去学习

1. github官网

2. stackoverflow

3. 掘金;sgmentFault

4. 极客学院node文档

nodeJs安装

nodeJs版本：

LTS指的是long time support 也就是长期支持版本，推荐你们安装

Current是如今最新的版本。

请安装到C盘吧，它占用的内存不是很大，不会卡，不然须要配置全局变量才能够在任意一个盘下使用。

---

搭建第一个node服务器

咱们在项目目录下创建一个server.js文件：

const http = require("http")

const port = 3000

const hostname = '127.0.0.1'

const server = http.createServer((req,res)=>{
    res.end('hai hai is handsome')
}).listen(port,()=>{
    console.log('server is listening')
})

这样的话只要运行后，客户端访问这个服务器的时候就能够接收到响应的信息

在控制台里输入node 文件名+回车（脚本模式），这时，咱们的服务就启动了

这只是一个简单的例子，里面的代码咱们后面都会详细再介绍

---

NodeJS运行JS代码的方式

1. 脚本模式：在命令行里执行 node 文件名（不须要加后缀名） + enter就能够运行脚本文件中的js代码了。

若是是js文件的话，不须要加后缀名，若是是其余后缀名的话必须得加

1. REPL模式:在命令行中输入node后回车，你们会发现这个时候咱们的控制台就像chrome浏览器里同样能够运行js代码了，其实这里就是node离的V8引擎解析js代码的状况。模式是读一句返回一句。

注意，在Node里运行alert会报错：alert is not define,缘由是：

alert是属于window对象的一个方法，window属于BOM对象，BOM、DOM属于宿主对象，在web前端JS中，浏览器就是JS的宿主，因此BOM/DOM是JS在浏览器中的宿主对象，在Node中，Node就是JS的宿主，Node的宿主对象可没有BOM/DOM，更没有window了。

好比process对象、global(角色定位至关于window对象)对象在浏览器里就没有

---

关于请求的面试题

当浏览器地址栏输入www.baidu.com，敲下回车会发生什么？

1. 利用DNS域名解析系统进行域名解析，将域名解析成IP

   由于域名只是一个别名，计算机只认识IP，因此须要DNS解析一下

2. 查找ip对应的主机服务器

   若是是第一次访问该服务器，会向网络供应商（移动、联通...）请求

3. TCP的三次握手，通过三次在客户端和服务器之间传递报文，创建链接

4. 发起http请求，请求入口文件，后端接收到请求相关信息，返回入口文件

5. 解析入口文件，同时若是有资源请求继续发送http请求...

6. 入口文件渲染完成（TCP的四次挥手，断开链接）

---

hello world

如今咱们来建立一个hello.js文件

ES6小知识：const能够定义只读常量readonly，let定义局部变量，只有用了这两个，就会造成块级做用域。

// 引入http模块   说明Node给我们内置了不少模块 
const http = require("http")
//定义端口
const port = 3000
//定义域名信息 10.9.166.65
// 假设有一个大商城（服务器主机），商城里有不少商店（主机里可能有不少服务器），每个商店都有本身的一个入口A1,A2(每个服务器都有一个端口)，大商场可能也有一些名字（域名或者IP）

// 域名和IP：域名只是为了方便用户记忆，真正计算机识别的是IP，每个网段主机都会拥有一个ip，
// 127.0.0.1回环地址对应的域名是localhost,每一个主机访问此地址的时候都是访问到的本身

const host = "127.0.0.1"

//建立服务（服务员） 传入requestListener函数，当有客户端访问的时候就会执行
// req上保存的是这次访问的请求相关信息，通常用来作判断...
//res是专门作出响应的工具，有writeHead方法，statusCode属性，setHeader方法，write方法，end方法
const server = http.createServer((req,res)=>{
    console.log(req.url)//这次请求的地址,获得的就是整个请求地址中，域名端口后面的path路径
    console.log(req.method)//这次请求的方法
    console.log(req.headers)//这次请求的请求头信息例如cookie


    // res.statusCode=200//设置响应的状态码，为浏览器而设置，200成功 404
    // res.setHeader("Content-Type","text/plain;charset=utf8")//设置响应头
    //content-type特别重要，告诉浏览器我给你返回的是什么东西，text/plain普通纯文本,text/html,text/css,application/javascript
    
    // res.writeHead(200,{'Content-Type':'text/html;charset=utf8'})//是res.statusCode和res.setHeader的简写方式


    // res.write('海海帅吗？<br/>') //写入响应内容，能够执行屡次,只能写字符串
    // res.write('帅') 

    // res.end('!!!')//通知前端响应结束,其实在end里也能够写入响应内容,可是end以后不能再write


    res.writeHead(200,{'Content-Type':'text/html;charset=utf8'})

    if(req.url=='/question'){
        res.end(Math.random()<0.8?'帅':'还行吧')
    }else if(req.url=='/random'){
        res.end(Math.random()+'')
    }else{
        res.end('<a href="http://10.9.166.65:3000/question">看看海海帅不帅</a><br/><a href="http://10.9.166.65:3000/random">来一个随机数</a>')
    }


})
//监听端口域名，跑起服务
server.listen(port,host,()=>{
    //会在监听以后触发
})

---

回调函数小知识

将一个函数做为另外一个函数的参数或者对象的属性值，这样的函数就是回调函数

特色： 在某一个特定的时刻触发

例如：

a.addEventListener("click",function(){
    alert(1)
})

$.ajax({
    success:function(){
        alert(1)
    }
})

---

模块化及在Node中的应用

什么是模块化？

将系统功能分离成独立的功能部分的方法就是模块化。目的、优势：代码复用，便于维护！（八字金言，基本上百分之八十的技术点的优势均可以用这八个字归纳）

在生活中，假设有这样的场景：

如今咱们须要作一个雕像：变型金刚。有两种方式：1. 直接在大的材料上进行雕刻 2.分开部分来雕刻最后再组装到一块儿；

通常都会使用第二种方式，由于第二种有这样的优势：1. 便于分工合做 2. 便于复用 3. 便于维护（由于复用了，一改都改；由于每个模块都是独立的，便于修改）

模块划分的原则：1. 此功能被复用次数较多 2. 此功能的逻辑较为独立

模块应该具备的特性：

1. 内聚度：模块的独立性，越高越好；

   例如，海贼王里每个角色都有本身独立的支线故事，他们的内聚度高

2. 耦合度：模块与模块间的关系，越低越好；

   例如：葫芦娃里的七个娃，一个被抓，全军覆没，耦合度较高。

模块化的规范：

在开发变形金刚的时候，每个部分最后都要链接到一块儿，因此须要规定一些链接的相关规则，好比，螺钉的长宽高，螺孔的长宽高。螺钉的做用是为了此模块能够导入到其余模块中，螺孔的做用是能够将其余模块导入进来，也就说，模块化的规范其实就是规定螺钉ヘ螺孔的相关信息，其实也就说：

如何导入模块，和如何导出模块

现有的几种模块化规范：

| 现有的规范     | AMD           | CMD    |CommonJS  |ES6 module  |
| ------------- |:-------------:| :-----:| :-------:| ----------:|
| 使用场景      | 前端 | 前端  |后端Node |先后端都行（须要编译）|
| 工具或环境      | requierJs      |   SeaJs  |Node |在js引擎里 |
| 同异步 | 异步（async module define 异步模块定义）   | 同步，延迟加载 （commond module define 通用模块定义） |同步 |同步|

AMD是requirejs工具里定义的模块化规范，requireJS在推广的过程当中对本身的模块化规范命名为AMD，异步导入模块，运行于浏览器端，不会阻塞页面加载：

```
    //利用define函数来导出模块，能够经过require函数导入模块（同步，不建议使用），在define函数的i一个参数数组里也能够指定须要导入的模块,提早加载

    var c = require('c')
    console.log(c)
    define(['a','b'],function(a,b){
        console.log(a,b)
    })
    console.log(1)

```

CMD是seaJS工具里定义的模块化规范，同步可是延迟导入模块，也不会阻塞，as lazy as possible

```
    //b模块
    define(function(){
        var a = require('a')
        console.log(a)
    })
```

CommonJS是Node的模块化规范，它是同步导入模块，由于node的模块都是本地的，因此模块的加载速度等于硬盘的读取速度，不会阻塞代码的运行

CommonJS的模块化与使用

CommonJS导入模块的方式是：

1. 使用require方法，传入目标模块的路径，返回值为模块导出的内容

注意:

模块导入以后，模块内的代码会执行一次，

模块里的变量、函数都是私有的。若是须要使用，必须得在模块中导出

默认的模块导出的是module.exports这个对象，这是一个空对象

代码：

```
    //math.js      
    const math = {
        add(num1,num2){
            return num1+num2
        },
        reduce(num1,num2){
            return num1-num2
        },
        mutiply(num1,num2){
            return num1*num2
        },
        divide(num1,num2){
            return num1/num2
        }
    }

    module.exports = math
    // module.exports.math=math
    // module.exports.add = math.add
    // module.exports.reduce = math.reduce
    // module.exports.mutiply = math.mutiply
    // module.exports.divide = math.divide

```

```
    // a.js
    const math = require('./modules/math')
    console.log(math.divide(6,2))

```

2. 能够把一个大模块作成一个目录，直接引入这个目录名至关于导入的是目录里的入口文件，默认状况入口文件是index.js,若是目录中存在package.json的话，json文件中配置的main选项的文件就是入口文件。

    若是此目录在node_modules文件夹中的话，不须要写路径