node处理http请求以及node实时检测环境改变搭建，前端端简单易用的SPI框架

const http = require(‘http’);

// 获取url参数

const querystring = require(‘querystring’);

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

console.log(‘method:’,req.method); //GET

const url = req.url;

console.log(‘url:’,url);

req.query = querystring.parse(url.split(‘?’)[1]);

console.log(‘req.query’,req.query);

res.end(

JSON.stringify(req.query)

)

})

server.listen(8000);

console.log(‘ok’);

以上的代码就是用于处理http中get请求的一种处理方式，在**http.createServer((req,res) =>{})中，在里面的参数

req代表http请求中的request res代表http请求中的respose。在代码部分res.end()内部所表示的意思就是当响应

结束之后在页面端做出的结果输出。server.listen(8000)指的的localhost:8000下的8000端口。**

要实现这个步骤首先就是在当前的文件夹中你需要处理使用npm init -y去初始化这个项目，最后在你的入口文件中去

输入上面的代码。要想在浏览器中去显示这个结果，需要的就是输入localhost:8000地址

**nodejs处理post请求

使用postman去发送post请求**

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

if(req.method === ‘POST’){

//req数据格式

console.log(‘req content-type:’,req.headers[‘content-type’]);

//postData来接收数据

**const postData = ‘’;

req.on(‘data’,chunk => {

postData += chunk.toString();

})**

req.on(‘end’,() => {

console.log(‘postData:’,postData);

res.end(‘ni hao!’);

})

}

})

server.listen(8000);

console.log(‘ok’);

在上面的代码中就是使用nodejs去处理post请求的方式

**路由：对于路由就是在server参数的函数中使用const path = req.url.split(‘?’)[0]返回的就是路由  其中的

url = req.url**

使用node搭建环境

在这里需要了解两个依赖包

nodemon监测文件变化，自动重启node     cross-env设置环境变量，兼容mac linux和windows

环境搭建

1.打开当前目录然后使用npm init -y去初始化这个文件

2.更改其入口文件的地址为bin/www.js

3.在当前的文件下去新建bin目录然后再新建www.js文件

4.在项目中安装依赖包 npm install cross-env --save 和  npm install nodemon  --save

5.更改监测文件的指令

**“dev” : “cross-env NODE_ENV=dev nodemon ./bin/www.js”,  如果是dev就在控制台上打印

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

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

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

GC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**