2024年最全【webpack】学习记录（一）(2)，2024年最新面试经典题及答案

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

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

**-g**代表全局安装

---

项目下使用webpack

---

所有命令在项目根目录执行

---

初始化

npm init

执行该命令，会要求输入一些，如项目项目名，项目描述，作者，等信息，执行完后会出现一个package.json的文件在项目的根目录

---

项目加入依赖

webpack

npm install webpack --save-dev

改命令执行后会修改package.json，在devDependencies下加入了webpack

当然也可以通过@来指定其他版本如

npm install webpack@1.2.x --save-dev

---

css-loader style-loader

让项目支持css压缩和样式加载器

npm install css-loader style-loader

---

目录结构

---

入口文件（index.html）

bundle.js 是压缩之后的文件，是webpack自动生成，下面会说

---

业务脚本（content.js）

module.exports = “It works from content.js!”;

---

样式脚本（style.css）

body {

background: yellow;

}

---

入口脚本（entry.js）

require(“…/css/style.css”);

document.write(require(“./content.js”));

---

webpack配置（webpack.config.js）

module.exports = {

//入口脚本

entry: “./src/modules/main/scripts/entry.js”,

//输出

output: {

//输出目录

path: ‘./src/modules/main/scripts’,

//输出脚本

filename: “bundle.js”

},

module: {

//压缩器

loaders: [

//css后缀的，采用style!css压缩器

{ test: /.css$/, loader: “style!css” }

]

}

};

---

执行命令

webpack

---

结果

–

直接访问index.html

---

存在问题

---

• 每次需要执行命令打包繁琐

• 脚本多个时还不能加入依赖

• 目录结构配置困难

• 打包后文件名过于死板

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

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

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

og.csdnimg.cn/img_convert/3425ac600577268ce7d1f69b2002194d.png)

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

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。