web前端课程技术总结Node.js 使用方法及相关方法分析

Node.js 使用方法及相关方法分析

首先我们要了解什么是node.js?

官方解释是:node.js是一个基于Chrome v8引擎的javascript 运行环境。Node.js使用了一个事件驱动、非阻塞式 I/O的模型,使其轻量又高效。他是由c++编写的 所以速度很快

简单来说 就是一个js 的运行环境,所以他开发用的语言是js语言 ,通过node去编译你的js文件

node.js 的安装

1)npm i -g 全局(电脑只需安装一次)

2)npm i --save -dev /-D/(局部项目依赖)

3)制定版本 npm i [email protected] (@后面跟版本号 如@3表示安装的是@后方跟的数字的最大的版本)

Node的特点:是比较块 因为是由c++编写的 但是的话有一个缺点就是内耗比较多。据网上一个百万级并发测试, 未优化的情况下1M的链接消耗了16G内存 !这点就很惊人了,但是他的一些有点也是有目共睹的。 他不单单可以辅助前端开发 同时也可以代替后台开发。

但是虽然优点这么多 但是由于node 是一种小型的后端语言 ,比较新 所以相对的会的人也比较少。

服务器的搭建

建立一个服务器的话 首先你要导入node.js提供的内置模块,然后定义一个主机名,之后再给个端口号。建立情况如下

--------------------------------------------------------------------------------

const http=require(‘http‘) //导入node.js提供的内置模块(原生模块)

const hostname = ‘127.0.0.1‘;//定义一个主机名

const port = 3000; //给个端口

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

//头部信息

res.setHeader(‘‘content-type,‘text/html;charset=utf-8‘)

//状态码

res.statusCode = 200;

//过滤队ico的请求

if(req.url !=‘/favicon.ico‘){

res.write(‘hello nodejs‘); //node里面写入的类型都是字符串类型 直接解析字符串类型的数据

//结束响应标示

res.end();//只是作为一个响应关闭的标示 一般不写数据 写的话 可以通过res.write来写

}

//监听 listen 有三个参数 端口号 主机名 还有一个回调函数 回调函数里面 你可以写上你想要在页面里面展示的东西

}).listen(port,hostname,()=>{

console.log(‘服务已经启动:http://${hostname}:${port}‘)

})

--------------------------------------------------------------------------------

上面的方法是比较详细的情况,当然我们也可以通过一些更简洁的方法也建立服务器,主机名这里是默认的 可以省略。 端口号 在下面监听的时候可以直接写出来 所以开始的时候也是不需要写出来的

然后就是头部部分 头部部分我们可以直接吧端口号 以及他的格式全部写出来 不过这个时候 要用res.writeHead(200,{‘content-type‘:‘text/html;charset=utf-8‘})

当然如果仅仅是这样写 等你运行的时候 还是会报错的 那就是跨域问题 这时候你需要把跨域出现的这种情况

里面的Access-Control-Allow-Origin 给添加到我们的头部信息里面如下

这样就可以解决我们的跨域问题了!

那么现在引申一个问题。什么情况下 才会触发跨域问题呢?

协议、域名、端口号 有任何一个问题 都会出现跨域问题!

数据的发送

举个例子,我们建立一个html 建立一个输入框 一个发送按钮 然后给这个添加一个点击事件 如下:

我们先绑定一个点击事件,然后用ajax发送输入框里面的信息给后端服务器,在这里post为发送 路径不变 要带上协议地址, 然后把发送的内容以对象的形式发送过去。然后是后端的书写 如下:

接收数据时,要用请求对象接收过来,也就是req,请求对象有个on方法,on方法里面要绑定一个data事件。来接收我们的事件。 然后第二个参数是一个回调函数,这个参数就使我们接收过来的数据 然后打印出来。 但是的话 打印出来之后出现的并不是我们想要的信息,如下:

这是Buffer数据,我们可以用 tostring()给他强制转换成字符串 如下:

好了。 我们得到了我们想要得到的信息,现在我们所有的数据都接收过来 这些做完了之后,你会发现 在你做的过程中,每次更改代码,你都需要重新重启一下服务器,才可以正常进行你的工作。 所以下面交大家一个小小的方法 也就是自动监听node supervisor 这样就可以不用执行node 自动监听。

上面是node.js 的一些简单的学习。学海无涯,且学且珍惜!

原文地址:https://www.cnblogs.com/qianfeng123/p/10084109.html

时间: 2025-01-08 17:39:12

web前端课程技术总结Node.js 使用方法及相关方法分析的相关文章

高性能Web服务端 PHP vs Node.js vs Nginx-Lua 的对比分析

1. ngx_lua nodejs php 比较 我在研究一阵子ngx_lua之后发现lua语法和js真的很像,同时ngx_lua模型也是单线程的异步的事件驱动的,工作原理和nodejs相同,代码甚至比nodejs的异步回调更好写一些. 性能测试,100并发php:17400nodejs:31197ngx_lua:32628 单纯做http代理服务器加上一些简单的逻辑,似乎ngx_lua的方案更加合适. 引自: PHP vs Node.js vs Nginx-Lua 以下是从占用的资源上来分析:

web前端课程技术内容之如何做一个简单的手机端页面的翻页

[如何做一个简单的手机端页面的翻页] 第一步:创建移动端页面内 HTML + CSS [注]可用弹性布局 但需要注意的是 外层盒子的定位 第二步: 思考问题 要实现怎样的效果? 1. 手指滑动时触发事件[左右]两个方向 2.点击footer部分的下标实现切换效果 3.点击footer部分的下标实现下标颜色变化 第三步:编写JS代码 添加监听事件 document.addEventListener('DOMContentLoaded',function(){ 创建一个数组用于调用数组属性值 或者

web前端课程技术分享之关于rem布局和vw布局的理解

通过rem来实现响应式布局: 首先来看,什么是rem单位.rem是一个灵活的.可扩展的单位,由浏览器转化像素并显示.与em单位不同,rem单位无论嵌套层级如何,都只相对于浏览器的根元素(HTML元素)的font-size.默认情况下,html元素的font-size为16px, rem单位都是相对于根元素html的font-size来决定大小的,根元素的font-size相当于提供了一个基准,当页面的size发生变化时,只需要改变font-size的值,那么以rem为固定单位的元素的大小也会发生

萧井陌WEB前端课程

详情请交流  QQ  709639943 00.萧井陌WEB前端课程 00.微信小程序 美甲商城 00.微服务的入门级微框架Spring Boot快速入门 00.基于java的微信公众号二次开发视频教程 00.leetcode 算法 面试 00.北风网 零基础到数据(大数据)分析专家-首席分析师 00.快速上手JMeter 00.Jmeter 00.2017年Java web开发工程师成长之路 00.R语言速成实战 00.R语言数据分析实战 00.Python+Django+Ansible Pl

征服大前端第二季(Node.js、Angular 4、Express 4、Keystone 4)

征服大前端第二季(Node.js.Angular 4.Express 4.Keystone 4.MongoDB.MySQL)网盘地址:https://pan.baidu.com/s/1RFi_3H9vLXM3-2Glv4SGvA 密码: vhut备用地址(腾讯微云):https://share.weiyun.com/5JkpoZb 密码:dqn36n Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具"Native App良好用户交互体验

学习web前端课程必掌握技能总结

前端开发是近几年来兴起的新兴行业,是IT行业中要求相对较低的职业,同时就业薪资相对较高,很多人通过参加web前端培训实现了高薪就业梦,那web前端课程到底包括哪些技术呢? Web前端开发技术包括三个要素:HTML.CSS和JavaScript,但随着RIA的流行和普及,Flash/Flex.Silverlight.XML和服务器端语言也是前端开发工程师应该掌握的.随着时代的发展,前端开发技术的三要素也演变成为现今的:html5,css3,jquery. 学习html,这个是最简单的,也是最基础的

教你正确的学习web前端开发技术的方法分享

近几年IT业可谓是发展火热,而且新生了很多的职业.例如安卓开发工程师.iOS开发工程师.在这众多的新生职业中备受瞩目的当属web前端工程师了,前端工程师薪资高,就业发展前景好,更多的人选择了这一职业成为自己的发展方向,想要自己成为一名合格的web前端工程师,web前端开发学习路线图值得大家去看看. 以上这份学习路线课程大纲,挺适合大家借鉴来学习的.web前端课程包括了几个方面的内容: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些

【转】Web前端黑客技术揭秘{笔记}

原文 http://www.cnblogs.com/r00tgrok/articles/Web-Hacking.html 前些日子看完了白帽子讲Web安全,当时就PHP安全一 章做了点小笔记,感觉看书还是留下点东西比较好.翻开Web前端黑客技术揭秘一书决定要做笔记,但是这样下来其实进度就比较慢了,敲字做笔记绝对远比看书 来的慢.有时候上午看完的内容做笔记时要花一天时间,一方面是要敲字,另一方面是自己只从书上摘录部分内容有时候需要将其串起来,还有就是碰上自己想发两 句言也会拖慢进度.总之现在书是看

浅谈:为什么Web前端开发技术如此受欢迎?

随着互联网的发展,Web前端的应用范围更加广泛,除了网页,Web前端更广泛应用于各类APP中,***到我们生活的方方面面.Web前端开发好吗?为什么Web前端开发技术会如此受欢迎? 一.互动更好 很多人都喜欢更好的互动,喜欢对用户有反馈的动态网站,并且用户也很享受互动的过程,HTML5的画图便签就允许你更多的互动和动画,甚至超越我们之间使用的flash达到的效果,HTML5还拥有很多API允许你创建更加的用户体验,且更加动态的Web应用程序.总体来讲,不管是移动APP和网站,越来越多的开发人员选