理解前端框架中的运行时和编译时
本文主要阐述前端框架中的运行时和编译时的区别。首先说明本文内容参考书籍 《Vue.js 设计与实现》，并加以自己的理解创作。有错误的地方还请指出。 运行时 运行时就是指代码实际执行时的阶段。前端代码是在浏览器中执行的，换言之，如果一个框架的代码可以直接在浏览器中执行，那它就是一个纯运行时的框架。 举个例子，假设我们设计了一个框架，它提供一个 Render 函数，用户使用时，为该函数提供一个描述 DOM 树形结构的参数对象，然后 Render 函数根据该对象递归地将数据渲染成 DOM 元素。假设规定要传入的对象结构如下： const obj = { tag: "div", children: [ { tag: "span", children: "hello world!", }, ], }; 对象中有两个属性：tag 代表标签名称，children 可以是数组（代表子节点）也可以是文本（代表文本子节点）。然后实现 Render 函数： function Render(obj, root) { const el = document.createElement(obj.tag); if (typeof obj.children === "string") { const text = document.createTextNode(obj.children); el.appendChild(text); } else if (obj.children) { obj.children.forEach((child) => Render(child, el)); } root.appendChild(el); } 现在可以在浏览器环境中调用 Render 函数：...