2024年Web前端最全web从0到1快速搭建自己的网站（小白版），字节跳动上千道精选面试题还不刷起来

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

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

})

开启服务。cmd进去执行命令行node server

2、前端
前端开发的吃饭本领，npm run就完事啦。

3、数据库
数据库使用MongoDB，具体用法如下。
下载安装MongoDB。
启动数据库。mongod --dbpath c:\mongo(位置)

4、前端⇌服务端
前端项目开发时为解决跨域问题，会设置代理，这里将代理的端口设置成一致的即可。

proxy:{

“/”:{

target:“http://127.0.0.1:9527”,

changeOrigin:true,

}

}

5、服务端⇌数据库

下载mongodb包。npm i mongodb --save-s引入。

const mongodb = require(“mongodb”);
const mongoClient = mongodb.MongoClient;

创建连接。

mongoClient.connect(“mongodb://127.0.0.1:端口号”,function(err,client){

if(err){

console.log(“数据库连接失败”);    }else{

console.log(“数据库连接成功”);

const db = client.db(“数据库名”);

cb(db);

}

})

至此本地可开始开发，待业务完成后便可上传至服务器（上线）。

打包配置无一失 nginx一键启

1、服务器环境配置
安装node.js，官网安装稳定版本即可。
安装nginx，官网安装稳定版本即可。
安装MongoDB，官网安装个人版即可。
建议安装轻量级文本编辑器，如notepad++。

2、本地打包
Vue项目npm run build后复制dist文件至服务器nginx文件夹。
上传服务端server文件至服务器。

3、服务开启
server开启方式同本地开发相同，命令符node server即可。
数据库开启方式同本地开发相同，mongod --dbpath 路径。
前端资源等待nginx代理即可。

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

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