2022前端面试必备：MySQL与JS基础题解析

"前端面试题资源常用题2022" 在前端面试中，了解数据库、JavaScript基础知识等关键概念是至关重要的。以下是针对这些知识点的详细解析： **MySQL数据库** 1. **varchar与char的区别**：`varchar` 是可变长度的字符串类型，存储空间根据实际内容长度占用，最多65535字节，查询效率相对较低；而 `char` 是定长字符串，无论内容多寡，都会预留指定的长度（最多255字节），查询效率较高。`varchar(50)` 在 Mysql4.0 中表示存储50个字节，在5.0中表示存储50个字符。 2. **浏览器加载页面过程**：浏览器首先向DNS服务器查询域名对应的IP地址，得到IP后向Web服务器发送HTTP请求，服务器从文件系统中获取静态资源，如果需要，还会从数据库获取动态数据，然后将完整页面响应给浏览器。 3. **解决MySQL中文乱码问题**：确保脚本文件、客户端连接、服务器端数据库均使用UTF8编码。 4. **Float和Double的区别**：`FLOAT` 类型是单精度浮点数，最多存储8位十进制数，占用4字节内存；`DOUBLE` 类型是双精度浮点数，最多存储18位十进制数，占用8字节内存。 5. **更新MySQL数据**：使用 `UPDATE` 语句进行修改，如 `UPDATE test SET name='oldgirl' WHERE id=1;`。 6. **登录MySQL数据库**：通过命令行工具输入 `mysql -u root` （可能还需要输入密码）来登录。 **JavaScript基础** 1. **continue和break的区别**：`break` 会立即退出整个循环，不再执行后续循环；`continue` 只是结束当前循环，继续下一轮循环。 2. **i++和++i的区别**：`i++` 先使用当前的 `i` 值，然后增加1；`++i` 先将 `i` 增加1，然后使用新值。在某些情况下，它们会导致不同的运算顺序，例如在复杂的表达式中。 3. **JavaScript数据类型**：包括原始类型（数值、字符串、布尔、undefined、null）和引用类型（对象）。 4. **自调用函数**：也称为立即执行函数，形式如 `(function(){//函数体})();`，用于在定义时立即执行，常用于创建私有作用域或避免污染全局变量。 5. **slice和splice的区别**：`slice` 用于从数组中截取部分元素并返回新数组，不改变原数组；`splice` 则可以从数组中删除或插入元素，改变原数组。 此外，前端面试还可能涉及HTML、CSS、DOM操作、事件处理、异步编程（Promise、async/await）、前端框架（如React、Vue、Angular）等方面的知识。熟悉并理解这些基础概念对于提升前端开发技能和成功面试至关重要。