【前端升全栈】五分钟了解Node.js

最新推荐文章于 2024-07-24 10:40:52 发布

丘比特惩罚陆

最新推荐文章于 2024-07-24 10:40:52 发布

阅读量1.5k

点赞数 4

分类专栏： vue学习 Nodejs 笔记文章标签：前端 node.js javascript

本文链接：https://blog.csdn.net/Lushengshi/article/details/127038054

版权

笔记同时被 3 个专栏收录

57 篇文章 6 订阅

订阅专栏

vue学习

35 篇文章 4 订阅

订阅专栏

Nodejs

5 篇文章 0 订阅

订阅专栏

📑博客主页：@丘比特惩罚陆

💖欢迎关注：点赞收藏⭐留言✒
💬系列专栏：web前端、嵌入式、笔记专栏
🎮 加入社区：丘比特惩罚陆
🥇人生格言：选对方向，每走一步都是进步！
✒️欢迎大佬指正，一起学习！一起加油！

👏 希望大家能小手一动，帮忙点个赞！

😁资源邮箱：2237814512@qq.com

1.Node.js介绍

Nodejs的用途：

Nodejs,是一个JavaScript的运行环境；
运行在服务器，作为web server
运行在本地，作为打包、构建工具

学习Nodejs的困惑：

Nodejs运行在服务器，而不是在浏览器环境；
服务器开发的思路和套路，与前端完全不一样；

其实 node.js 是比较简单的，API 也很简单，但是思路要转过来；

2.Node.js介绍

2.1下载和安装

可以使用普通的下载方式，当然也可以使用NVM这个方法；

普通的方法是访问网站;http://nodejs.cn/,下载并且安装；打开命令行，运行node-v和npm -v测试；

2.2 node.js和js的区别

Nodejs和JavaScript的区别

ECMAScript;

javascript;

nodejs

具体可以参考 es6.ruanyifeng.com，都是语法;

ECMAscript

不能操作DOM，不能监听click时间，不能发送ajax请求；

不能处理http请求，不能操作文件；

即，只有ECMAscript，几乎做不了任何实际的项目

JavaScript

使用ECMAscript语法规范，维嘉web API，缺一不可；

DOM操作，BOM操作，时间绑定，Ajax等等；

两者结合，即可完成浏览器端的任何操作

Nodejs

使用ECMAscript语法规范，外加NodejsAPI，缺一不可；

处理http，处理文件等；

两者结合，就可以完成服务端server的任何操作；

关于这个可以查看 nodejs.cn/api/可以知道 nodejs 的 API。

总结

ECMAscrip是语法规范；

nodejs=ECMAscrip+NodejsAPI；

3 commonjs-演示

commonJS 是 node.js 自带的规范，如 module.exports 输出模块，require 引入模块。

function add(a,b){
  return a+b

}

function mul(a,b) {
  return a*b
}

module.export = {
  add,mul
}

const {add,mul} = require('./a') 
const sum = add(10,20)
const result = mul(100,200)

console.log(sum)
console.log(result)

上面讲的是如何引用自己写的文件，那么如果是 npm 包呢？如何引用，这个我们先 npm init 初始化一下，安装一个 lodash 工具库，这个库的引用是直接 require 一个依赖名字即可，常用_ 代替。



const {add,mul} = require('./a') 
const_=require('ladash')

const sum = add(10,20)
const result = mul(100,200)

console.log(sum)
console.log(result)

const arr = _.concat([1,2],3)
console.log('aee...',arr)

那么为什么要这些模块化标准？好处是可以把代码进行拆分，方便引用;

4 debugger

node.js 至今有多种 debug 的方式，比较推荐的是利用 vscode 。我们新建一个 debugger-test 的文件夹，初始化 npm ，根据 npm 中 main 指向的我们建个 index.js （ main 与主文件必须名字一致，因为是根据 main 找到这个 index.js 主文件）。在 index.js 随便写点东西，点击右边的小虫子，再打个断点就可以进入 debugger 模式了，跟 chrome 是非常相似的。我们写一个比较复杂的例子再尝试一下调试模式。

const http = require('http')

const server = http.createServer((req,res) => {
   res.writehead(200,{'content-type':'text/html'})
   res.end('<h1>hello world</h1>')
})

server.listen(3000,()=>{
    console.log('listening on 300 port')
})

我们发现其实这个是发送了两次请求（一次是 localhost 展示 hello world 另一次是请求 favicon.ico 即标签左边那个小图标）。这就是为什么请求完一次还会将断点跳到 writeHead 高亮显示，第一次请求也是从这里开始.