在前端开发领域，有些技术点和问题是经常被面试官询问的，如 HTML、CSS、JavaScript 的基本知识、跨域、性能优化等。但是，还有一些重要而深入的技术点却很少被提及，这就是我想和大家分享的内容。
题目1：什么是事件循环？
事件循环是 JavaScript 运行时中非常重要的机制。它决定了异步代码执行的方式，包括定时器、网络请求、事件回调等。事件循环的核心是一个“事件队列”，当任务完成后将被添加到该队列中，并按照先进先出的顺序依次被执行。同时，事件循环也负责检测队列中是否有待执行的任务，并根据任务类型和优先级进行调度。
示例代码：
-- -------------------- ---- ------- --------------------- ------------- -- - ----------------------- -- --- ------------------------- -- - ----------------------- --- -------------------
输出结果为：
start end promise timeout
题目2：如何实现一个 Promise？
Promise 是 JavaScript 中用于处理异步操作的标准，可以有效地避免回调地狱的问题。其核心是一个状态机，包括三种状态：Pending（等待状态）、Fulfilled（完成状态）和Rejected（失败状态）。Promise 对象的状态只能从 Pending 转变为 Fulfilled 或 Rejected，一旦转变就不可逆。
示例代码：
-- -------------------- ---- -------
----- ------------- -
--------------------- -
----------- - ----------
---------- - ----------
----------- - ----------
----- ------- - ------- -- -
-- ------------ --- ---------- -
----------- - ------------
---------- - ------
-
--
----- ------ - -------- -- -
-- ------------ --- ---------- -
----------- - -----------
----------- - -------
-
--
--- -
----------------- --------
- ----- ------- -
--------------
-
-
----------------- ----------- -
-- ------------ --- ------------ -
------------------------
- ---- -- ------------ --- ----------- -
------------------------
-
-
-题目3：什么是 CORS？
CORS（Cross-Origin Resource Sharing）是一种机制，用于在浏览器端实现跨域访问。通常情况下，JavaScript 脚本只能访问与其所在网页同源的资源。而通过 CORS，浏览器可以允许 JavaScript 脚本访问来自其他源的资源，从而实现跨域访问。
实现 CORS 的核心是在服务器端设置响应头部，包括 Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers 等。同时，也可以通过在客户端设置 XMLHttpRequest 对象的 withCredentials 属性来携带 Cookie 信息。
示例代码：
-- -------------------- ---- -------
----- --- - --- -----------------
---------------------- - -------- -- -
-- --------------- --- - -- ---------- --- ---- -
------------------------------
-
--
--------------- ------------------------------- ------
------------------- - -----
-----------题目4：如何实现一个简单的模板引擎？
模板引擎是一种将数据和模板结合起来生成 HTML 的工具。其核心是对模板字符串进行解析，同时支持条件判断、循环、过滤等功能。
示例代码：
-- -------------------- ---- ------- ----- ---- - - ----- ----- ---- --- ------- ---- -------- ------ ----- ----- -- -------- ---------------- ----- - ----- --- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------