web前端面试八股文pdf，Node(1)，前端面试题及答案2024

model 下创建index.js用于连接数据库时的信息

===============================================================================================

const mongo=require(“mongoose”);

const userSchema=new mongo.Schema({

username:String,

password:String,

gender:String,

tel:String,

avatarUrl:String

})

const userModel=mongo.model(‘runoob’,userSchema,‘users’)

module.exports=userModel

修改app.js文件里的信息

=================================================================================

1. 引入数据库连接

2. 引入路由模块

var createError = require(‘http-errors’);

var express = require(‘express’);

var path = require(‘path’);

var cookieParser = require(‘cookie-parser’);

var logger = require(‘morgan’);

var indexRouter = require(‘./routes/index’);

var usersRouter = require(‘./routes/users’);

var app = express();

// 连接数据库

const mongoose = require(‘mongoose’); // 引入 mongoose，用于连接数据库

mongoose.connect(‘mongodb://localhost:27017/runoob’); // 连接数据库

// view engine setup

app.set(‘views’, path.join(__dirname, ‘views’));

app.set(‘view engine’, ‘jade’);

app.use(logger(‘dev’));

app.use(express.json());

app.use(express.urlencoded({ extended: false }));

app.use(cookieParser());

app.use(express.static(path.join(__dirname, ‘public’)));

//挂载路由

app.use(‘/users’, usersRouter);

// catch 404 and forward to error handler

app.use(function(req, res, next) {

next(createError(404));

});

// error handler

app.use(function(err, req, res, next) {

// set locals, only providing error in development

res.locals.message = err.message;

res.locals.error = req.app.get(‘env’) === ‘development’ ? err : {};

// render the error page

res.status(err.status || 500);

res.render(‘error’);

});

module.exports = app;

router下修改user.js文件

=====================================================================================

1. 这里是处理客户端请求的核心，遵循REST架构风格

• GET-查询

• POST-增加

• PUT-修改

• DELETE删除

2. 查找

• 通过:_id?判断是否有id传入并执行相应响应,?表示可能有id也可能没有id

• 如果有id传入，按照id在数据库查找并返回对应的值

• 没有则查找数据库所有的内容并返回

3. 增加

• 先初始化下form这里有三个参数代表允许上传一个文件，文件存放路径，保存原始文件后缀

• form.parse(请求，回调)表示将req中内容交给form回调函数处理

• fields里面包含普通文本信息，结构出来，files里面有文件信息，对象.的形式拿出来

• 进行下非空验证，和用户名是否存在验证

• 保存时需要对密码加密，这里采用bcrypt.hashSync(password,10)第一个参数要加密对象，第二个加密强度

• 向数据库保存信息，成功后返回给客户端

4. 修改

• 通过/:_id拿到要修改对象的id信息

• 执行修改，成功后返回成功信息

5. 删除

• 通过/:_id拿到删除对象id信息

• 执行删除，成功后返回成功信息

var express = require(‘express’);

const db=require(‘…/model/index’)

const formidable=require(‘formidable’)

const path=require(‘path’)

var router = express.Router();

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

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

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

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

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

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

最后

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

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

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

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

sdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

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