2024年webpack+react(1)(2)，纪检委面试真题解析

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

1. 对项目进行热更新

npm install webpack-dev-server -D

在package.json加入"dev": "webpack-dev-server"

“dev”: "webpack-dev-server --open --port 3001 --hot --host 121.0.0.1 "

--open是直接打开浏览器，--open firefox打开火狐

--port 8080定义端口号

--hot定义热更新

--host定义域名(使用本地Ip，或者不指定)

使用npm run dev

发现命令并未退出，一直在执行…等待文件的变化

webpack-dev-server打包之后的文件是main.js保存在了/（根目录）下，但是是隐藏的（项目根目录中看不到），放在了内存上，为了快速访问，将index.js修改为

---

托管首页index.html

1. npm install html-webpack-plugin -D

改变webpack.config.js

//引入

const path = require(‘path’);

const HtmlWebPackPlugin = require(‘html-webpack-plugin’);//导入在内存中自动生成index页面的插件

//创建一个插件的实例对象

const htmlPlugin = new HtmlWebPackPlugin({

template: path.join(__dirname,‘./src/index.html’), //源文件

filename: ‘index.html’ //生成内存中首页的文件名称

});

module.exports = {

mode: ‘development’, // development production

plugins:[

htmlPlugin

]

};

路径path.join(__dirname,'') 指代当前文件所处目录层级

注释 <script src = /main.js></script>

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

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

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

a5589c3e09.png)

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。