【前端进阶】10 掌握前端框架模板引擎的实现原理
前端框架模板引擎的实现原理
当用户对页面进行操作，页面内容更新，我们要实现的功能包括
如果使用前端框架
如果使用数据驱动的方式，还可以让逻辑与UI解耦的方式，提升代码的可维护性，其中的数据绑定、事件绑定等功能，前端框架是依赖模板引擎的方式来实现的，以vue为例，对于vue编写的开发代码，vue会对其进行以下处理
AST对象包括我们需要维护的信息
模板引擎会根据AST对象生成最终片段和逻辑，在这个过程中会通过添加特殊标识（例如元素id、属性标记等）的方式来标记DOM节点，配合DOM元素选择方式、事件监听方式等，在需要更新的时候，可以快速定位到该DOM节点，并进行节点内容更新，从未实现页面内容的更新
前端模板渲染的实现一般分为两种方式
模板引擎还可以实现
是如何预防XSS攻击的
参考教程：前端进阶教程