前端技术-nodejs 介绍 | 学习笔记

简介: 简介:快速学习前端技术-nodejs 介绍

开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):前端技术-nodejs 介绍】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/667/detail/11317


前端技术-nodejs 介绍

 

内容介绍

一、node.js 简介

二、node.js 的使用


一、node.js 简介

1.什么是 Node.js

简单的说 Nodejs 就是运行在服务端的 JavaScript.(简单来说 node.js是之前写过Java,运行 java 需要安装 jdk 环境,学习的 node.js 是 javaScript 的运行环境,用于执行 JavaScript 代码环境)

Nodejs 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的V8 引擎,V8引擎执行 Javascript 的速度非常快,性能非常好。

2.Node.js 有什么用

如果你是一个前端程序员,你不懂得像 PHP、Python 或 Ruby 等动态编程语言,你想创建自己的服务,Nodejs 是一个非常好的选择。

Nodejs 是运行在服务端的 JavaScript,如果你熟悉 Javascript,你将会很容易的学会 Node.js。

当然,如果你是后端程序员,想部署一些高性能的服务,那么学习 Node.js 也是一个非常好的选择。

node.js 是脱离浏览器环境运行的 javaScript 程序,基于 V8 引擎(Chrome 的javaScript 引擎)

3.node.js 的作用

(1)之前在用 js 时要引入到 html 的页面中,页面通过浏览器访问这个 js 可以执行

有了 node.js 不需要浏览器,直接使用 node.js 就可以运行 javaScript 代码

(2)模拟服务器效果,比如 tomcat

4.下载地址

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

中文网:https://nodejs.cn/


二、node.js 的使用

1.安装 node.js

(1)根据系统版本选择安装文件

在工具里点开 node.js,找到

node-v10.14.2-x64.msi     node-v10.14.2-x86.msi

其中提供了不同版本,根据系统版本选择安装文件 x64为64位,x86为32位,大多数都是64位

(2)建议最好默认安装到 C 盘

装别的盘可能会遇到问题

(3)安装以后,检查是否安装成功

与 java 类似,打开 cmd 窗口,在 cmd 中输入一个 node-v 命令,如果可以看到版本号,就证明 node.js 已经安装成功

2.使用node.js执行javaScript代码

新建 js 文件名为01.js ,在 js 文件中做一个输出 console.log('hello nodejs'),

如何用 js 执行?

首先找到文件的路径,这个 js 文件的路径是

E:\work\vs1010axiosdemo,在路径中用 cmd 打开,路径中有01.js ,在路径中用node.js 执行 E:\work\vs1010axiosdemo>node01.js(文件路径名称)回车就可以看到效果 hello node.js

3.服务器端应用开发(了解)

创建02-server-app.js

const http = require("http");

http.createServer (function (request, response){

//发送HTTP头部

//HTTP状态值:200:OK

//内容类型:text/plain

response .writeHead(200, {'Content-Type":"text/plain'});  

//发送响应数据“Hello World"

response.end('Hello Server");

}).listen(8888);

//终端打印如下信息

console.log("Server running at http://127.0.0.1:8888/');

能够模拟出服务器的效果

查看效果

新建js文件名为02.js,creatServe 表示创建一个服务模拟效果,服务监听为8888端口,用 http://127.0.0.1:8888进行访问,用 response 输出的为

Hello Server,同样进入到目录中 E:\work\vs1010axiosdemo>node02.js

回车可以看到 Server running at http://127.0.0.1:8888/光标在前表示目前是一个服务,通过 http://127.0.0.1:8888/路径打开浏览器访问,输出为 Hello Server,访问没有用 tomcat 服务启动点 cnntrolC 就可以关掉。

相关文章
|
6天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
75 29
|
5天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
13 3
|
6天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
23 4
|
5天前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
11 2
|
7天前
|
自然语言处理 前端开发 搜索推荐
前端界的黑科技:掌握这些技术,让你的网站秒变智能助手!
【10月更文挑战第30天】随着前端技术的发展,网站正逐渐变成智能助手。本文探讨了四大关键技术:自然语言处理(NLP)使网站理解用户输入;机器学习实现个性化推荐;Web Notifications API发送重要提醒;Web Speech API实现语音交互。通过这些技术,网站不仅能更好地理解用户,还能提供更智能、个性化的服务,提升用户体验。
19 3
|
7天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
22 3
|
4天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
5天前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
19 1
|
6天前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
15 2
|
9天前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
21 3
下一篇
无影云桌面