上岸的100个前端面经：美团SaaS

面试问题记录：

（1）网页加载的过程

（2）一个完整的URL的结构

包括协议（如http或https）、域名、端口（默认不写）、路径、查询字符串和锚点。

（3）DNS的存在意义和作用

DNS将域名转换为IP地址，简化用户访问网站的过程，解决可读性和分布式查询问题。

（4）http默认端口号

（5）http和https的区别

HTTPS在HTTP基础上增加了SSL/TLS协议，提供了数据加密、完整性校验和身份验证。

（6）React数据管理包的下载和管理

（7）包管理工具

（8）响应式布局的实现

（9）flex布局的属性

包括flex-direction、justify-content、align-items等，控制容器内项目排列和对齐。

（10）flex主轴方向的改变

使用flex-direction属性，可以设置为row、row-reverse、column或column-reverse。

（11）CSS预处理器

（12）实现动画效果的方法

可以通过CSS的@keyframes或JavaScript的动画库（如GreenSock）实现。

（13）CSS角度实现动画

（14）前端CSS单位介绍

包括像素(px)、相对单位(em, rem)、视口宽度(vw)等。

（15）em的标准

em相对于父元素的字体大小，如果没有指定则相对于浏览器默认字体大小。

（16）前端数据存储方法

包括localStorage、sessionStorage、cookies等，用于在客户端存储数据。

（17）版本管理工具的使用

（18）Git的基本概念

（19）Git分支的概念

分支允许从当前代码状态创建一个独立的开发线，便于并行开发和实验。

（20）异步操作的实现过程

描述JavaScript中异步操作的实现，如回调函数、Promises、async/await等。

（21）JS事件循环机制

面试问题偏向于基础问题，这些知识点我在网站上都有提前看过，结合项目聊的比较深入，面试官大概觉着回答的不错，一面很快过了