每日三问-前端（第三期）

2023年5月16日

先回顾一下昨天的三个问题及答案：

1. 问题：请解释什么是事件委托，以及它的优点。

答案：事件委托是一种优化事件处理的技术，它利用事件冒泡机制，将事件处理程序绑定到父元素上，而不是每个子元素上。当子元素触发事件时，事件会冒泡到父元素，父元素再根据事件的目标素来执行相应的处理函数。

事件委托的优点：

• 减少事件处理程序的数量，提高性能。

• 动态添加的子元素也能够承父元素的事件处理程序。

• 可以避免由于动态添加或删除元素而导致的事件处理程序失效的问题。

1. 问题：请解释什么是虚拟DOM，以及它的作用。

答案：虚拟DOM是一种将真实DOM对象为JavaScript对象的技术。它通过在内存中维护一棵虚拟DOM树，来代替直接操作真实DOM。当状态发生变化时，虚拟DOM会计算出最小的DOM操作，然后批量更新真实DOM，从而提高性能。

虚拟DOM的作用：

• 提高性能：通过批量更新DOM，减少DOM操作次数，从而提高性能。

• 简化开发：通过使用虚拟DOM，开发者可以将精力集中在数据和业务逻辑上，而是手动操作DOM。

• 跨平台：虚拟DOM可以在不同的平台上运行，如浏览器、Node.js等。

1. ：请解释什么是CSS预处理器，以及它的优点。

答案：CSS预处理器是一种将CSS代码转换为浏览器可识别的CSS代码的工具。它通过入变量、嵌套规则、函数、继承等特性，来增强CSS的表现力可维护性。

CSS预处理器的优：

• 提高开发效率：通过使用变量、嵌套规则等特性，可以减少代码量，提高开发效率。

• 提高可维护性：通过使用函数、继承等特性，可以使CSS代码更易于维护和扩展。

• 提高代码质量：通过使用格的语法和规则，可以减少错误和不一致性。

2023年5月18日

1. 在 HTML 中如何创建一个链接（超链接）？

2. 请解释一下什么是闭包（Closure）？

3. 如何防止 XSS 攻击？

上面问题的答案会在第二天的公众号推文中公布，大家可以关注公众号，第一时间获得推送内容。

学习不打烊，充电加油只为遇到更好的自己,每天早上9点纯手工发布面试题（死磕自己，愉悦大家） 希望大家在这浮夸的程序员圈里保持冷静，每天坚持花20分钟来学习与思考，在千变万化，类库层出不穷的今天，不要等到找工作时才狂刷题，提倡每日学习。