前端涨薪必读,node

本文介绍了Node.js的基本概念,包括其在服务器端的适用场景,以及如何使用Node创建GET和POST请求。同时提到了前端开发中的HTML、CSS和JavaScript的基础知识及其在动态交互中的作用。
摘要由CSDN通过智能技术生成
  • node也是如此,只适合做一些用户量不多的服务端(人数多,做分布式也可以)

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

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

在这里插入图片描述

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请求,不能在浏览器里输入得到结果

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

所有这些用来改变内容外观的东西称之为表现。

[外链图片转存中…(img-YJQyCIFm-1714625096909)]

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值