前端涨薪必读,node.js入门保姆级教程

简介: 笔记

20.jpg

1. Node基本概念


1.1 node.js是什么?

平常的js代码只能在浏览器运行,浏览器一关,就完犊子

Node.js 就是运行在服务端的 JavaScript

1.2 客户端与服务端交互流程

node是运行在服务端的,所以必须了解这玩意

21.png


客户端向服务端发送请求

服务端去数据库查询数据

服务端返回给前端使用

I/O: input(输入), 往磁盘存数据,Output(输出)从磁盘中取数据


1. 如何优化整个交互过程?


咱们的响应速度可以加快,比如去银行办业务,平时办业务要半个小时,现在咱们如果3分钟就能办完,是不是更快了

服务器处理逻辑优化,咱们可以做个档案啥的,比如说银行的系统查询速度,与人员是相互配合的

数据库优化,换更好的数据库,更好的硬件支持

2. 什么是I/O阻塞?


传统的服务器是多线程的,什么叫多线程?举个生动的例子,比如咱们去大保健,非正规的,正规的咱们不去。那么是不是来一位客人,就要配一个技师,咱们一百个人去就要配一百个技师,这样体验是最好的对不,1对1服务


放在服务器上,也是这样的,进来一个请求就给你一个线程,专门处理这个请求,这样成本是很大的,如果人来的多一点,那技师就忙不过来。那你就得等,这个就是I/O阻塞(对请求处理的不够及时)


22.png


1.3 node的牛逼之处在哪?


node就是单线程的,但是他是个超级单线程,这个技师可能有很多手,

反正就是很牛逼,不管你来多少个人,我都可以服务,这下好了,客人不用等了,所以不会造成阻塞

传统服务器对硬件要求很高,比如说大保健的地方需要配很多技师,如果没客人来,技师是不是浪费了

node.js单线程,就一个服务员,对服务器要求不高,成本更低

1.4 node也有缺点


node毕竟是单线程,所以也会有个上限,举个例子,大家小时候应该知道那种声音很大的拖拉机它就是单缸的,马力很大,能上山能下地,能拉砖能栽树,开上他就是全村最靓的仔。


23.png


node也是如此,只适合做一些用户量不多的服务端(人数多,做分布式也可以)


目前最广泛的应用:中间层(在服务器与客户端加一层),比如淘宝,网易云音乐,都有node中间层


Java多线程是优势,嗖嗖嗖的,贼拉快,服务端处理这块很优秀,但是对页面渲染就不行了,那咱们js不就是用来操作页面的,node又是用JS写的,所以加了一层,搭建一个node服务器成本也低,专门用于渲染页面,以及一些高并发请求


24.png

2. 第一个node.js程序



console.log('hello node.js')
console.log(this)   // this指向 {} node里面是没有window的
for(let i = 0; i < 2; i++){
    console.log(i)
}

使用node命令运行该文件即可,如(node hello.js)


3. node创建get请求



// 做一个服务器,创建一个get请求
const http = require('http');
const querystring = require('querystring')
// 创建服务
const server = http.createServer((req, res) => {
    // 请求参数
    const method = req.method;  
    console.log('method', method) // Get
    const url = req.url;
    console.log('url', url) 
    // 获取url里的参数
    // 自定义添加一个属性去接收
    req.query =  querystring.parse(url.split('?')[1])
    console.log('query', req.query)  // 这里是个对象,返回要转一下
    res.end(
        JSON.stringify(req.query)
    )
})
// 监听端口
server.listen(8000, () => {
    console.log('8000服务开启')
})
  • 大家运行文件之后,可以尝试浏览器直接访问本地的8000端口,后面加上 “/api/blog/list?author=ouyang&keyword=a”,就可以看到返回值


4. node创建post请求


// 做一个服务器,创建一个请求
const http = require('http');
// 创建服务
const server = http.createServer((req, res) => {
    if(req.method === 'POST') {
        let postData = '';  // 接受数据
        // 采用流的方式(stream) => 防止数据量过大,慢慢来流动
        req.on('data', chunk => {
            // 一点一点拼接,数据是二进制的,转换成字符串
            postData += chunk.toString();
        })
        // 数据接受完毕,打印 
        req.on('end', () => {
            console.log('postData', postData)
            res.end('数据接受完成!')
        })
        // 查询数据格式(默认的)
        console.log('post data type', req.headers['content-type'])
    }
})
server.listen(8000, () => {
    console.log('8000')
})
  • 这里是post请求,不能在浏览器里输入得到结果
  • 大家可以借助Postman发起请求(如果不太懂,请科学上网)
  • 访问本地的8000端口即可



目录
相关文章
|
8天前
|
编解码 前端开发 JavaScript
从入门到精通:揭秘前端开发中那些不为人知的优化秘籍!
前端开发是充满无限可能的领域,从初学者到资深专家,每个人都追求更快、更稳定、更用户体验友好的网页。本文介绍了四大优化秘籍:1. HTML的精简与语义化;2. CSS的优雅与高效;3. JavaScript的精简与异步加载;4. 图片与资源的优化。通过这些方法,可以显著提升网页性能和用户体验。
15 3
|
14天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
13天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
22 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
18天前
|
JavaScript 前端开发 开发者
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域,Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣,Vue.js以轻量级和易上手著称,适合快速开发小型到中型项目;Angular则由Google支持,功能全面,适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
26 1
|
机器学习/深度学习 JavaScript 前端开发
前端走进机器学习生态,在 Node.js 中使用 Python
从今天开始,你就可以开始看着 Python 的文档,使用 JavaScript 来“学习和使用”机器学习和深度学习了!
前端走进机器学习生态,在 Node.js 中使用 Python
|
2月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
1月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
27 2
|
2月前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
1月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
2月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接