企业官网建设流程全解析

Node.js是一个基于Chrome V8 JS引擎构建的开源、跨平台JS运行环境。允许开发者在服务器端运行JS代码，从而实现前后端统一的开发语言。Node.js具有事件驱动、非阻塞I/O模型，使其非常适合于构建高性能的网络应用。

Node不是编程语言，Node.js是一个JS运行时，类似于Java的JRE（Java Runtime Environment），它提供了API环境、运行环境，能够让JS代码可以在服务端运行。换句话说，JS是脚本语言，脚本语言都需要一个解析器才能运行，对于HTML中的JS，浏览器充当了这个解析器，而对于需要独立运行的JS，Node就是一个解析器。同时Node还提供了可以对文件系统、网络等进行操作的API，允许使用JS和一系列的模块（Node.js大部分基本模块都是用JavaScript语言编写）来编写服务端应用和网络相关的应用，如web服务器。在Node.js出现之前，JavaScript通常作为客户端程序设计语言使用，以JS写出的程序往往在用户的浏览器上运行，Node的出现使得JS能够用于服务端编程。

优点

1. 高性能和可扩展性：Node采用事件驱动和非阻塞I/O模型，使它能够处理大量并发连接，而不需要为每个连接创建一个新的线程。V8引擎的高效性能使得Node能快速执行JS代码

2. 统一的开发语言：使用JS进行前后端开发，减少了开发者需要学习的语言数量，简化了开发过程。

3. 丰富的生态系统：Node拥有庞大的包管理系统npm，提供了大量的模块和库供开发者使用，极大地提高了开发效率。

4. 轻量级和灵活性：Node.js的模块系统使得应用程序可以按需加载模块，保持轻量级，并且容易进行扩展。

缺点

1. 单线程限制：尽管Node通过异步编程来处理并发，但它本质上是单线程的，这可能会在处理CPU密集型任务时造成瓶颈。

2. 回调地狱：由于Node.js大量使用回调函数，代码可能会变得难以维护和阅读，尤其是在嵌套多个回调时。

3. 不适合CPU密集型应用：Node.js更适合I/O密集型应用，而不是需要大量计算的任务。

使用场景

1. 实时应用：例如聊天应用和在线游戏，Node的事件驱动模型非常适合处理实时数据。

2. 数据流应用：如视频流或音频流应用，Node.js可以有效处理数据流。

3. API服务：Node可以快速构建RESTful API，因为它能够高效处理HTTP请求。

4. 微服务架构：由于其轻量级和快速启动特性，Node.js非常适合构建微服务。

5. 服务器端应用：适用于需要处理大量并发请求的服务器端应用，如代理服务器。

6. 客户端应用工具如webpack、vue脚手架、react脚手架、小程序等。

脚本语言是一种编程语言，通常用于编写短小的程序（脚本），以自动执行任务、处理数据或控制其他软件和系统。这些语言通常具有以下特点：

1. 解释执行：脚本语言一般是解释执行的，而不是编译执行的。这意味着代码在需要的时候由解释器逐行执行，而不是提前编译为机器代码。

2. 简单易用：脚本语言通常具有简洁的语法，易于学习和使用，适合快速开发。

3. 动态类型：多数脚本语言是动态类型的，变量类型可以在运行时决定。

4. 适合集成：脚本语言通常用于集成和控制其他软件应用，比如系统工具、数据库、网页浏览器等。

npm是Node.js的默认包管理工具，用于安装、管理和共享JavaScript库和应用程序：

1. 安装和管理包：开发者可以使用npm来安装和管理项目依赖的第三方包。

2. 版本管理：npm可以管理包的版本，确保项目使用正确的版本。

3. 发布和共享：开发者可以通过npm发布自己的包，并与社区共享。

4. 脚本运行：npm可以运行自定义脚本，帮助开发者自动化各种任务。

安装Node时，npm也会被安装在系统中

node环境的安装,官网下载安装包,直接装在你的电脑操作系统内部,需要通过命令行来打开node

npm是Node.js生态系统的重要组成部分，提供了一个庞大的开源模块库，帮助开发者快速构建和扩展应用。

npm的包库包含了数百万个包，涵盖了各种功能和工具，极大地丰富了Node的开发能力。npm通过package.json文件管理项目的依赖关系，开发者可以定义项目需要的包及其版本。

Node和npm的结合使得JS开发不仅限于浏览器端，也可以在服务器端进行，从而实现全栈开发。npm作为Node.js的包管理工具，极大地简化了模块的安装和管理过程，促进了Node.js社区的发展和壮大。

node版本：

1.Node.js的版本发布遵循固定的时间表，通常每年会发布两个主要版本，一个在4月份作为Current版本，另一个在10月份作为LTS版本。每个版本的支持周期如下：

• Current版本：从发布之日起的6个月内处于Current状态，然后转为LTS版本。

• LTS版本（偶数通常是LTS）：从转为LTS版本开始，有18个月的活跃支持期，随后进入12个月的维护支持期。

• Maintenance（维护版）：维护版是已经过了活跃支持期的LTS版本，主要接收安全更新和关键修复。

2.nvm Node Version Manager：Node版本管理工具，允许开发者在同一系统上安装和切换不同版本的Node

nvm安装：开始 下载nvm - nvm中文官网

安装最新版本的Node.js：npm install node

安装特定版本的Node.js：npm install 14.17.0

切换到特定版本（仅当前终端生效）：nvm use 14.17.0

设置默认版本（当前终端未生效，但新打开终端生效）：nvm alias default 14.17.0

列出所有已安装的Node.js版本：nvm ls

卸载指定版本：nvm uninstall 14.17.0

3.nodemon 工具

专门用来执行 js 文件的工具,依赖 node 环境运行,当文件发生变化的时自动重启

npm install --global nodemon // 下载

nodemon --version // 检测

npm uninstall --global nodemon // 卸载

nodemon 文件名称 // 执行js文件(和使用 node 运行 js 文件是一样的)

1.模块化

Node基于Commonjs模块化开发的规范，它定义一个JS文件就称之为一个模块

导出: module.exports = {num: num}、exports.键 = 值

导入: require('./b.js') .js 后缀可以省略不写

对比ES6模块化的导入导出：export导出 / import导入

2.运行js文件

node a.js ：以 node 这个 "软件" 来运行 该 js 文件

• cd ：切换到指定目录下（不可切换盘符，tab按键可以快速切换目录，补齐目录名）
• cd.. ：回到上一级目录
• 盘符: 切换盘符
• dir ：当前目录下有哪些文件或文件夹
• md 文件名：创建文件夹
• rmdir 文件夹名：删除文件夹
• cls、clear：清屏
• ipconfig: 查看电脑ip地址信息
• systeminfo：查看操作系统信息
• pwd 显示当前所在目录路径
• ls() 列出当前目录中的所有文件
• touch 新建一个文件 后边直接跟文件名字
• rm 删除一个文件 后边直接跟名字
• mkdir 新建一个目录(文件夹)
• rm-r 删除一个文件夹爱 rm-r src 删除目录
• rm - rf / 删除电脑中全部文件!! 禁用
• mv 移动文件
• reset 清屏 初始化终端
• clear 清屏
• history 查看命令历史
• help 帮助
• exit 退出
• mkdir 创建新目录
• mkdir -p /path/to/your/directory 创建多级目录结构，即使中间的目录不存在

3.1内置模块fs（file system）对文件和文件夹的操作处理

const fs = require('fs') 引入fs模块

fs.readFile(文件路径, 'utf8’, (err,data) => {}) ：异步读取文件内容,格式默认 buffer, 常用'utf-8'

fs.readFileSync(文件路径, 格式)：同步读取文件内容，返回读取到的文件内容

fs.writeFile(文件路径，写入的内容，err => {})： 异步写入文件内容，文件存在会覆盖内容，文件不存在会创建一个新文件

fs.writeFileSync(文件路径，写入内容)：同步写入文件内容

fs.existsSync(path) // 检查文件是否存在 返回true/false,(async为异步)

// 获取文件信息（异步）

fs.stat(文件,(err,stats) => {

stats.isDirectory() // 是否是目录（文件夹）

stats.isFile() // 是否为文件

stats.size // 文件大小(以字节为单位)

})

fs.unlink(文件路径,err => {}) // 删除文件（异步）

3.2内置模块path(处理文件的路径)

const path = require('path') ：引入path模块

path.join('/a', 'b', 'c'),返回值: 组装好的是相对路径信息：/a/b/c

path.resolve("a", "../b", "c"), 返回值: 组装好的装成一个绝对路径信息

__filename：全局变量，当前正在执行的脚本的文件名（完整/绝对路径）

__dirname：全局变量，当前执行脚本所在的目录路径（目录的绝对路径）

不同的系统中路径的/不同，有时是\

path.basename('c:/a/b/c/d.html') // 获取文件名称： d.html

path.dirname('c:/a/b/c/d.html') // 获取目录名：c:/a/b/c

path.extname('c:/a/b/c/d.html') // 获取路径中文件扩展名（后缀）： .html

拼装文件绝对路径：path.resolve(__dirname, 'family.db');

3.3内置模块os（operation system）：操作系统相关的方法和属性

const os = require('os') // 引入os模块

os.EOL: 根据不同的操作系统生成不同的换行符，window \r\n，linux下面 \n

os.cpus() : cpu相关信息

os.totalmen() : 总内存大小（单位：字节）

os.freemem() : 空余内容大小

os.hostname() : 主机名

os.type() : 系统类型

3.4内置模块url：操作网址

const url = require('url')

url.parse(): 解析网址，解析成对象（协议、auth、hostname、port、qyery）

3.5内置模块querystring：用于解析和格式化url查询字符串，URL地址的get形式传参的实用工具

const querystring = require（'querystring'）

querystring.parse('foo=bar&abc=xyz') // 将query字符串转为对象

querystring.stringify({ foo: 'bar',abc: 'xyz'}) // 对象转为query字符串

querystring.decode('foo=bar&abc=xyz') // 将query字符串转为对象

querystring.encode({ foo: 'bar',abc: 'xyz'}) // 对象转为query字符串

类似JSON.parse()、JSON.stringify()

3.6内置模块hppt：用来开启 http 服务的(主流的三个Web服务器软件是Apache、 Nginx 、IIS)

DNS：做域名服务器,动态域名解析系统，作用将域名转化成IP地址

const http = require('http') ：导入hppt模块

const sever = http.createServer(函数) ：创建web服务对象实例

sever.on('request',(request,response)=>{})

// request: 接受客户端请求对象，它包含了与客户端相关的数据和属性

• request.url 客户端请求的uri地址

• request.method 客户端请求的方式 get或post

• request.headers 客户端请求头信息(对象)

// response:服务器对客户端的响应对象

• response.setHeader('content-type', 'text/html;charset=utf-8') // 设置单个响应头信息 ，用于响应时有中文时乱码解决处理

• response.setHeader(状态码，状态描述，{响应头信息}) // 可设置多个响应头信息

• response.statusCode = 200（默认是200）// 设置状态码（常见的HTTP状态码有：200，404，301、302、304、403、401、405、500，502）

• response.end('hello world') // 向客户端发送响应数据,并结束本次请求的处理过程

sever.listen(8080, ()=>{}),：启动服务

// 1. 导入http模块 const http = require("http"); // 2. 创建web服务实例 const server = http.createServer(); // 3. 监听request请求 server.on("request", (req, res) => { // 输出hello world // res.end("hello world"); if (req.url === "/") { res.end("hello world"); } if (req.url === "/html5") { res.end("hello h5"); } }); // 4. 启动服务 server.listen(8080, () => { // 仅是提示作用，可以不写，但是建议写 console.log("server is running at http://127.0.0.1:8080"); });

静态资源服务器：：专门保存html、css、js、图片、音频、视频等服务器

const http = require("http"); const path = require("path"); const fs = require("fs"); // 创建web实例 const server = http.createServer(); // 监听request事件 server.on("request", (req, res) => { // 获取当前用户访问的资源路径 let uri = req.url; // 由于“/”没有实体资源，需要将“/”做处理，如果访问“/”则让其对应访问“/index.html” if (uri == "/") { uri = "/index.html"; } // 默认情况下，浏览器在第一次请求网站的时候会访问“/favicon.ico”图标文件，如果没有也会出现404 // 如果需要解决这个问题，则有3种方式： // 方式1：去找个ico文件，存放在静态资源的public目录下，命名为“favicon.ico” // 方式2：在处理的时候忽略“/favicon.ico”文件的处理，也就是下面的加了判断的写法 // 方式3：不管，不用处理，其不影响页面的显示 if(uri != '/favicon.ico'){ // 读取文件（fs模块），将内容返回给用户（res.end） let filename = path.join("public", uri); // 判断文件是否存在 if (fs.existsSync(filename)) { fs.readFile(filename, (err, data) => { if (!err) { // ok res.end(data); } else { // 不ok res.setHeader("Content-Type", "text/html;charset=utf-8"); res.statusCode = 500; res.end("请求资源出现错误。。。"); } }); } else { res.setHeader("Content-Type", "text/html;charset=utf-8"); res.statusCode = 404; res.end("你要找的资源失踪了。。。"); } } }); // 监听端口，启动服务 server.listen(8080, () => { console.log("server is running at http://127.0.0.1:8080"); });

get接口获取数据

const http = require('http');

const url = require('url');

http.createServer((req, res) => {

let { query } = url.parse(req.url, true);

}).listen(8080)

post接口获取数据：需要监听req对象的data事件（接收请求提交过来的数据的）来获取客户端发送到服务器的数据。如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后分批次发送给服务器。每次触发data事件时，收到的数据只是全部数据的一部分，因此需要做数据的拼接才能得到完整的数据：

const http = require('http');

const queryString = require('querystring');

http.createServer((req, res) => {

let arr = [];

req.on('data', buffer => {

arr.push(buffer);

});

// 数据传输结束了

req.on('end', () => {

// 拼接接受到的所有数据

let buffer = Buffer.concat(arr);

let post = queryString.parse(buffer.toString())

console.log(post);

});

}).listen(8080)

爬虫

http.get()

代理

const http = require('http')

// 下载并导入第三方模块http-proxy-middleware

const {createProxyMiddleware} = require 'http-proxy-middliware'

// 推荐方式1,需要在localhost：3000访问可成功代理

let fn = createProxyMiddleware('/api,' {

target: http://www.17989.com/xiaohua/', // 要代理的目标地址

changeOrigin: true, // 改变源头，必加

// 最终的代理目标地址相当于target+自定义地址，比如'/api'

// 是否从最终的目标地址中去掉或替换一部分

pathRewrite: {

'/api'： ''

}

})

// 方式2帮助理解,需要在localhost：3000/xiaohua/访问才能成功代理

let fn = createProxyMiddleware('/xiaohua/,' {

target: http://www.17989.com/xiaohua/',

changeOrigin: true,

})

const sever = http.createSever((req, res)=>{

fn(req, res)

})

express：基于 Node.js 平台，快速、开放、极简的 Web 开发框架。是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。使用Express开发框架可以非常方便、快速的创建Web网站的服务器或API接口的服务器

下载 express: $ npm install express

下载 art-template(提供模板引擎解析语法):$ npm install art-template

下载 express-art-template(让 atr-template 和 express 合作): $ npm install express-art-template

const express = require('express') // 创建服务 const app = express() // 配置服务的静态资源 app.use('/public', express.static('./client')) // 配置文件读取引擎(需要用到 expres-art-template) app.engine('html', require('express-art-template')) // 配置所有文件的处理 app.use('/page', (req, res) => { const path = req.url.slice(1) // 利用 express-art-template 提供的 res.rander 方法 去读取指定的文件内容 // 注意: 文件需要放在 views 文件夹内 res.render(path, { title: '啥都有 首页', list: [ 100, 200, 300, 400, 500 ] }) }) // 监听一个指定的端口号 app.listen(6060, () => console.log('监听 6060 端口号成功了')) // 去到命令行, 用 node 执行当前文件

使用express处理静态资源

// 使用 express 框架搭建一个服务器 const express = require('express') const fs = require('fs') // 1. 创建服务 // 语法: express() // 返回值: 一个服务 const app = express() // 配置所有静态资源文件 // 我们把所有静态资源约定一个共同点, 当你需要静态资源文件的时候, 请求都以 /public 开头 // 将来前端需要 css/index.css 文件的时候, 就请求 /public/css/index.css app.use('/public', express.static('./client')) // 配置各种内容 // 目前已后端为主, 设计了一个 /a, 返回的是 index.html 文件 // 当前端需要 index.html 文件的时候, 请求 /a // 这个是一个随便书写的内容, 完全没有语义化 // 既然可以自己定义, 修改成 /index.html app.use('/index.html', function (req, res) { fs.readFile('./client/index.html', 'utf-8', (err, data) => { if (err) return console.log(err) res.end(data) }) }) // 既然 index.html 可以成功 // 那么我们就可以把 xxx.html 放在一起书写 // 我们还可以把 xxx.css 放在一起书写 // 我们还可以把 xxx.js 放在一起书写 // 我们还可以把 xxx.jpg 放在一起书写 // ... // 我们可以把上面的内容分成两类 // 1. 页面文件(html) // 2. 静态资源(css, js, 图片) // express 框架给我们提供了一个叫做 static 的方法 // 专门用来处理静态资源文件的 // 语法: express.static('文件夹名称') // 作用: 按照你写的文件夹去自动查找内容自动帮你返回给前端 // 2. 监听一个端口 // 语法: 服务.listen(端口号, 回调函数) app.listen(8080, () => console.log('监听8080 端口成功')) /* // 将来只要前端发送 /public/xxx 的请求 // 都会去到 ./client 文件夹下查找文件, 自动返回 app.use('/public', express.static('./client')) // 例子: // 前端请求 /public/css/index.css // 拿到 /public 后面的内容, 也就是 /css/index.css // 和 ./client 组合在一起, 得到 ./client/css/index.css // 自动读取 ./client/css/index.css 文件, 返回给前端 // 前端请求 /public/js/index.js // 拿到 /public 后面的内容, 也就是 /js/index.js // 和 ./client 组合在一起, 得到 ./client/js/index.js // 自动读取 ./client/js/index.js 文件, 返回给前端 // 前端请求 /aaa/css/index.css // 不会去按照 static 规则定义了 */

nodemon 工具

专门用来执行 js 文件的工具,依赖 node 环境运行,当文件发生变化的时自动重启

npm install --global nodemon // 下载

nodemon --version // 检测

npm uninstall --global nodemon // 卸载

nodemon 文件名称 // 执行js文件(和使用 node 运行 js 文件是一样的)

基础路由

const express = require('express') const app = express() // 配置服务的静态资源 app.use('/public', express.static('./client')) // 配置文件读取引擎(需要用到 expres-art-template) app.engine('html', require('express-art-template')) // 配置所有文件的处理 app.use('/page', (req, res) => { const path = req.url.slice(1) // 利用 express-art-template 提供的 res.rander 方法 去读取指定的文件内容 // 注意: 文件需要放在 views 文件夹内 res.render(path, { title: '啥都有 首页', list: [ 100, 200, 300, 400, 500 ] }) }) // 判断你请求了什么内容, 我给出对应过得结果 // 两个基础语法 // app.get('请求地址', 处理函数) // app.post('请求地址', 处理函数) app.get('/aaa', (req, res) => { // res.end 只能返回一个 字符串 类型 // const obj = { // code: 1, // message: '登录成功' // } // // 为了能把 obj 传递回去 // // 需要 把 obj 转换成 字符串 // // josn 格式 // const str = JSON.stringify(obj) // res.end(str) // 当你使用 express 的时候, express 为你提供了一个方法叫做 send() // 你可以向里面填写任意数据类型, express 会自动判断你的数据类型, 决定要不要帮你转换成 字符串 // res.send('hello world') res.send({ code: 1, message: '注册成功' }) }) app.post('/login', (req, res) => { // 拿到前段传递来的数据, 进行数据库比对, 告诉他登录成功失败 res.send({ code: 1, message: '我接收到你用 post 发送的 /login 请求了' }) })