Node.js | JavaScript也能写后端?

news2025/2/27 2:08:29
本文已收录于专栏
⭐️ 《深入浅出Node.js》⭐️

在这里插入图片描述

学习指南📃

  • 👉引入
    • ⭐️初识Node.js
    • ⭐️发展历史
    • ⭐️应用场景
    • ⭐️搭建环境
  • 👉完结散花
  • 👉参考文献

👉引入

如果读者是一个前端开发的同学,不知道你有没有过这样的烦恼:

想做一个全栈的项目,但苦于不懂像 PHP、Python 或 Ruby 等动态编程语言。

如果专门学习的话,又觉得学习成本太大,不学的话服务端项目没办法完成,于是陷入两难的境地。

在很早之前解决这个问题办法往往是到处寻找后端的同学来帮忙完成。

但是 Node.js 技术的出现,让前端同学真正的站起来了!

⭐️初识Node.js

先来看看官方对于Node.Js的定义

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

也就是说Node.js基于V8引擎来执行JavaScript的代码,但是不仅仅只有V8引擎。

再通俗的理解: Node.js 就是运行在服务端的 JavaScript。

深入了解了V8引擎执行JavaScript代码的原理

在这篇文章中我们已经深入了解了V8引擎执行JavaScript代码的原理。

我们已经知道V8是可以高效解析JavaScript代码的开源引擎,可以嵌入到任何C++应用程序中。

无论是Chrome还是Node.js,事实上都是嵌入了V8引擎来执行JavaScript。

区别在于:

  • 在Chrome浏览器中,还需要解析、渲染HTMl、CSS等相关渲染引擎,另外需要提供支持浏览器操作的API、浏览器自己的事件循环。
  • 在Node.js中我们也需要进行一些额外的操作,比如文件系统的读写、网络IO、加密、压缩解压文件等操作。

image.png

⭐️发展历史

不知道你有没有听说过这样一个笑话:

node.js就是一个前端大佬觉得写个功能还要等后端捣鼓半天,然后干脆就自己用javascript把后端搞定的一个东西。

虽然是戏言,但描述的事件确实不假,这个大佬是真实存在的,但不是做前端的,而是C++的大佬。

他就是 Node.js的开发者 Ryan Dahl,他的工作是C++服务器开发。

他觉得一个高性能的服务器应该满足事件驱动、非阻塞I/O模型,而C++开发起来比较麻烦,于是Ryan前辈想到找一种更加高级的语言以便快速开发。

他发现JavaScript本身就是事件驱动并且是非阻塞 I/O 的而Chrome的JS引擎,也就是V8引擎是开源的,并且性能特别棒,于是Ryan前辈就基于V8开发了Node.js.

Ryan前辈在开发 Node.js 的最初定位是为了提高自己的日常开发效率,也就是编写服务器代码,但却没想到是Node.js在前端领域大放异彩,进而引发了Web开发的革命。

让JS称为了与PHP、Python、Ruby等服务器语言平起平坐的脚本语言。

⭐️应用场景

Node.js的快速发展也让企业对 Node.js 技术越来越重视,在前端招聘中通常会对Node.js有一定的要求,特别对于高级前端开发工程师,Node.js更是必不可少的技能。

说了这么多Node.js具体能干些啥呢?

  • 目前前端开发的库都是一node包的形式进行管理。
  • npmyarnpnpm工具成为前端开发使用最多的工具
  • 越来越多的公司使用Node.js作为web服务器开发、中间件、代理服务器。
  • 大量项目需要借助Node.js完成前后端渲染的同构应用。
  • 资深前端工程师需要为项目编写脚本工具
  • 很多企业在使用Electron来开发桌面应用程序

Node.js 诞生后,前端大爆发,类似于ReactVue这样的前端框架的开发环境变得非常强大,而Node.js 是这些开发环境运行的基础。

总之如果你是一名前端开发人员,掌握 Node.js 可以大大提高自己的核心竞争力。
如果你是一名后端程序员,想部署一些高性能的服务,那么学习 Node.js 也是一个非常好的选择。

⭐️搭建环境

官网网址:https://nodejs.org/en/

image.png
首页中有两个Node.js的版本可以选择。

LTS:稳定版,适合在企业与个人开发使用。

Current:最新版,适合学习Node.js新特性的时候使用。

如果要是日常学习的话这里推荐上面的LTS版本,因为使用时会更加稳定,学习起来也会相对方便。

接下来就是傻瓜式的安装一路Next即可。

image.png
image.png
我们看到 第五个选项中有 Add to PATH

这就代表着它会自动给你配置环境变量,不需要你手动再配置,

也就是说下载好就直接可以在 windows 中的 cmd里运行 Node.js。
image.png
image.png
打开 windows 中的命令行工具cmd
输入 node --version 检查 Node.js 是否安装成功。
输入 npm --version 检查包管理工具 npm 是否配置成功。

如果都能正常输出版本号那就说明环境搭建成功啦

image.png

👉完结散花

ok以上就是对Node.js | JavaScript也能写后端?的全部讲解啦,很感谢你能看到这儿。如果有遗漏、错误或者有更加通俗易懂的讲解,欢迎小伙伴私信我,我后期再补充完善。

👉参考文献

coderwhy老师JS高级视频教程
https://ailjx.blog.csdn.net/article/details/126372022

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/405300.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

jsoup的使用

本文在写作过程中参考了官方文档,传送门。 一、jsoup概述 jsoup 是一款基于 Java 的HTML解析器,它提供了一套非常省力的API,不但能直接解析某个URL地址、HTML文本内容,而且还能通过类似于DOM、CSS或者jQuery的方法来操作数据&…

Node.js和Vue的安装与配置(超详细步骤)

目录一、下载二、安装三、配置四、安装配置vue五、构建运行Vue项目一、下载 Node.js官网下载 大家根据自己的系统进行下载安装包(我的电脑是windows10-64位,所以下载第一个) 二、安装 点击下载的安装包进行安装 点击Next 打勾并点击Ne…

vue3 路由的使用

路由的使用 在传统的 Web 开发过程中,当需要实现多个站内页面时,以前需要写很多个 HTML 页面,然后通过 标签来实现互相跳转。在如今工程化模式下的前端开发,像 Vue 工程,可以轻松实现只用一个 HTML 文件,…

JavaScript:实现复制粘贴剪切功能

文章目录js实现复制粘贴功能方式一:原生方式实现复制粘贴剪切(不推荐)方式二:浏览器自带clipboard API实现复制粘贴(推荐)简介特点clipboard对象及相关APIClipboard.readText()Clipboard.read()Clipboard.w…

iframe标签的使用

iframe标签的使用1、什么是iframe2、iframe的元素属性3、iframe操作4、iframe 对象及属性5、创建iframe元素6、iframe之间的通信6.1、什么是主域名,什么是子域名(拓展)6.2、iframe之间的通信7、其他7.1、iframe自适应7.2、防嵌套网页7.2.1、浏览器端7.2.2、服务器端…

使用HBuilderX软件快速搭建Vue项目

1.node.js环境下载 node.js相当于java中jdk,但是是在服务器端的 JavaScript,需要通过npm去管理node.js的包,通过npm可以下载node.js中的扩展 ①首先下载node.js的安装包 https://nodejs.org/zh-cn/download/releases/(以往版本) ②选择node.js的下载路径配置环境变量(一般会…

5分钟带你看懂 prettier + eslint 搭配(vscode)

最近身边不少朋友在用eslint和prettier搭配的时候,总是遇到一些莫名其妙的报错,自己也不知道怎么配,所以我总结了一下自己搭配的步骤,分享一下,如有不对之处,静请诸位大佬雅正! 本文按顺序配置一…

轻松实现在web页面中直接播放rtsp视频流

轻松实现在web页面中直接播放rtsp视频流写在前面实现介绍如何使用准备ffmpeg运行rtsp2web参数说明前端代码参数说明课外知识写在前面 我之前研究在 web 中直接播放 rtsp 视频流时,写过一篇文章:【前端】rtsp 与 rtmp 视频流的播放方法。阅读 这篇文章 对…

vue3 props属性基本使用梳理

前言 vue2中props属性的使用是比较统一的基本就一种方式,但是vue3中其实方式是比较多的,因此就打算梳理一下。 会按照选项式和组合式进行梳理,包括属性的定义、取值以及属性的监听。 应该是叫单文件组件和组合式API,不知道vue官…

在vscode中创建vue项目

1. 背景 昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目,今天目标是自己用vscode新建一个vue项目 关于vue环境配置请看这篇:使用vscode运行Vue项目 2. 准备工作(也可跳过此步骤) 安装Vetur,一款Vue代码…

unplugin-auto-import的使用

1、unplugin-auto-import插件的解决的问题unplugin-auto-import 这个插件是为了解决在开发中的导入问题,比如经常不清楚相对路径的问题,这个插件就是解决这个问题这个插件会在根目录生成一个auto-import.d.ts,这个文件会将所有的插件导入到gl…

node.js安装及环境配置(保姆级)

一.node安装 1.去node官网安装Node.js 2.官网界面 3.无脑下一步,完成安装。(最好放在d盘) 4.安装完成之后管理员cmd查看是否安装成功,出现如下界面说明已经安装成功 5.打开Node文件目录,如下图: 6.在Node文件目录下建…

你评论,我赠书~【哈士奇赠书 - 12期】-〖爬虫逆向进阶实战〗参与评论,即可有机获得

大家好,我是 哈士奇 ,一位工作了十年的"技术混子", 致力于为开发者赋能的UP主, 目前正在运营着 TFS_CLUB社区。 💬 人生格言:优于别人,并不高贵,真正的高贵应该是优于过去的自己。💬 &#x1f4e…

Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

目录 一、 Vue Grid Layout 简介 二、vue-grid-layout 的安装与使用 三、 属性 3.1 gridItem 的必须属性 3.2 框架元素的实际宽度高度计算方式 3.3 gridLayout 的属性 四、事件 五、vue-grid-layout 的实际应用 5.1 移动到任意位置 5.2 移动事件与调整大小 5.3 实现…

Vue显示图片的几种方式

前言 最近在做自己的项目,有这么一个需求,用户列表需要展示用户的头像,之前一直没有处理,趁着这次机会,正好分享下我的解决过程。 头像这一栏空荡荡的,我这种强迫症患者难受死! 首先声明下&am…

vue面试题整理(2022-持续更新中...)

vue中MVVM的理解 M:模型(Model):数据模型;负责数据存储。泛指后端进行的各种业务逻辑处理和数据操控,主要围绕数据库系统展开。 V就是:View 视图: 负责页面展示,也就是用…

IDEA使用vue的安装与配置(详细教程)

在idea中使用vue首先idea的配置以及环境要搭建好,然后就按照以下操作进行就可以!(注:我使用的idea是2021.1.3 版本) 第一步 去官网下载node.js ,官网地址:https://nodejs.org/en/ 然后进行安装&#xff0…

封装一个uniapp的全局弹窗组件,vue中也可以使用,在任何页面都可以弹出

效果图: 场景: 当你对接websocket时,或者轮询也好,你需要获取到最新的信息,并且在任何页面弹出一个组件进行后续操作 思路: 1、先封装好要弹出的公共组件 2、向vue原型上挂载全局方法,拿到组件真…

VUE2安装步骤

一、node.js安装和配置 1.安装前,先看看自己电脑上有没有node.js 打开命令提示符,尽量选择管理员身份打开,或者按winR,输入cmd打开也行 打开后输入node -v 查看自己电脑是否安装node,以及版本号 node -v 我这里显示v…

vsCode中vue文件无法提示html标签

铅笔头课堂,有态度的前端培训 今天有同学问到老师:“ 老师,我的vue文件里书写html代码不提示了 ”,这个问题别说还真有点冷门,老师研究了一番之后终于妥善修复了这个问题,这里就将处理结果记录下来&#xf…