2021前端面试深度解析:DOM、BOM、CSS、HTML与JS核心知识点
"这是一份2021年的前端面试题集,涵盖了前端开发中的各个方面,包括BOM和DOM操作,HTML与CSS的基础知识,JavaScript基础以及异步处理等核心内容。" 这篇文档主要涉及了前端开发的重要知识点,以下是详细说明: **BOM (浏览器对象模型) & DOM (文档对象模型)** 1. **BOM事件**:指的是浏览器窗口、窗口部件(如按钮、链接等)上触发的事件,如`window.onload`、`window.resize`等。 2. **BOM事件处理程序**:用来监听和处理这些事件的函数,如`addEventListener`、`removeEventListener`。 3. **BOM对象**:包括`history`、`location`和`document`等,它们提供了对浏览器状态和页面内容的操作接口。 **DOM操作** 1. **DOM节点**:HTML文档中的每个元素、属性、文本等都是一个DOM节点,可以被程序操作。 2. **获取节点**:通过`getElementById`、`getElementsByClassName`、`getElementsByTagName`等方法来获取。 3. **创建和插入节点**:使用`createElement`创建新节点,`appendChild`、`insertBefore`进行插入操作。 4. **DOM0级和DOM2级**:DOM0级是早期的事件处理方式,直接在元素上绑定函数;DOM2级引入了`addEventListener`和`removeEventListener`,支持事件冒泡和捕获。 **HTML与CSS** 1. **CSS盒子模型**:描述了元素的尺寸,包括内容、内边距、边框和外边距。 2. **BFC(块格式化上下文)**:用于确定元素如何在其内部和外部元素中布局。 3. **标签语义化**:使用有意义的HTML标签提高网页结构的可读性和可访问性。 4. **CSS新特性**:例如,CSS3引入了新的选择器、动画、转换、过渡、多列布局等。 **JavaScript基础** 1. **闭包**:一个函数能够访问并操作其外部变量,即使在其外部函数已经执行完毕后。 2. **数据类型**:包括基本类型(如字符串、数字、布尔值等)和引用类型(如对象)。 3. **作用域**:变量在何处可见和可访问,分为全局作用域和局部作用域。 4. **执行上下文**:JavaScript代码执行时的环境,分为全局执行上下文和函数执行上下文。 5. **异步编程**:非阻塞的编程模式,如回调函数、Promise、async/await等。 **浏览器通信** 1. **标签页间通信**:使用`localStorage`、`sessionStorage`、`Broadcast Channel API`或`postMessage`实现。 **JavaScript进阶** 1. **同步和异步**:同步执行代码按顺序进行,异步则不等待某个操作完成即可继续执行其他代码。 2. **AJAX**:异步JavaScript和XML,用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 3. **Promise**:用于处理异步操作的对象,提供了更好的错误处理和链式调用。 这份面试题集旨在帮助开发者复习前端基础知识,准备面试,同时也可作为自我提升的参考资料。
![](https://csdnimg.cn/release/download_crawler_static/63102151/bg10.jpg)
![](https://csdnimg.cn/release/download_crawler_static/63102151/bg11.jpg)
![](https://csdnimg.cn/release/download_crawler_static/63102151/bg12.jpg)
![](https://csdnimg.cn/release/download_crawler_static/63102151/bg13.jpg)
![](https://csdnimg.cn/release/download_crawler_static/63102151/bg14.jpg)
剩余125页未读,继续阅读
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/26d7cb1462db431bb210d20fd5bb24c5_weixin_44543419.jpg!1)
- 粉丝: 1
- 资源: 1
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 中国微型数字传声器:技术革新与市场前景
- 智能安防:基于Hi3515的嵌入式云台控制系统设计
- 手机电量低时辐射真增千倍?解析手机使用谣言
- 56F803型DSP驱动的高精度大功率超声波电源控制策略研究
- ARM与GPRS结合的远程监测系统设计
- GPS与RFID技术结合的智能巡检系统设计
- CPLD驱动的低功耗爆炸场温度测试系统设计
- 基于FPGA的智能驱动控制系统:可扩展设计与工业网络协议
- 基于ATmega128和CH374的嵌入式USB接口设计
- 基于AT89C52的温度补偿超声波测距仪:高精度设计与应用
- MSP430F448单片机在交流数字电压表中的应用
- 提升变频器应用效率的12项实用技巧
- STM32F103在数字电镀电源并联均流系统中的应用
- PSpice仿真下的升压开关电源设计:拓扑分析与CCM稳定性提升
- 轻巧高效:MSP430主导的低成本无线传感器网络节点设计
- FPGA在EDA/PLD中实现LVDS接口的应用解析
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)