2024年最全Babel从入门到使用(3)，2024年最新研发4面真题解析（前端岗）

总结

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

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

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

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

前端面试题汇总

JavaScript

前端资料汇总

Babel一般需要配合Webpack来编译模块语法

3.使用Babel（CLI）

使用Babel是需要npm的，npm为Node.js的包管理工具。所以我们使用的话需要先安装node.js。下载完成node.js之后，在自己的项目目录打开cmd命令行工具，查看一下自己node的版本。

安装成功之后，使用命令npm init初始化npm(注意包命一定不能有中文）

init完成之后会生成一个package.json文件，作用是记录我们安装的包，如果换了环境就不用把所有的包打包了，只需要用 npm install就可以安装文件中的依赖包了。（按照官网安装依赖包）

package.json

所有的包安装完成之后，需要在package.json文件中添加以下代码

将源目录（src）的文件用babel编译完后输出到目标目录（lib）。build就是命令的名字

在命令行中执行：npm run build会生成lib目录,但是发现代码没有变化。原因是没有配置文件babel.config.json。

安装preset-env包（具体转换的语法）

在当前文件中建文件babel.config.json

学习笔记

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等

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

HTML/CSS

**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分

**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式

HTML5 /CSS3

**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性

**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

JavaScript

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

[外链图片转存中…(img-npk5TASK-1715640857926)]