［学习笔记］Js模版引擎的探索之路

[stuxt]

准备研究一下各种前端js模版相关的技术，并对其原理和各个模版框架的比较做记录。

[stuxt]

前段时间，工作重点是现有项目的性能优化，其中就包括：前后端的分离。 之前都是后端渲染页面，提高服务端性能和前端性能就是后端服务化，前端和后端分离。 因此，当时的方案就是使用前端模板来渲染页面，然后选型的时候，研究了下字符串模板引擎。

经过对比，其实字符串模板的原理基本都是一致的，都是前端写伪HTML代码（即模板文件），然后模板引擎通过编译处理，转化成页面输出函数，最后和数据结合后渲染到对应的页面容器，实现页面的渲染工作。

但是，虽然原理差别不大，但是引擎本身的性能在渲染、编译等过程的时候还是差别挺大的。 主要的分为两种模式：

1. 运行时实时编译，然后去渲染；
2. 提前预编译，工作时直接渲染。

对于小的项目可能第一种方式更好，但是对于稍大一点的项目，牵扯到人员协作的时候，还是第二种方式更加的有优势的。但是无论哪种形式的引擎，在使用前一定要预演好流程，因为我们实际中还是遇到了很多坑的。

但是，如果有能力使用MV*模式的话，还是使用这种方式吧。毕竟字符串模板 已经不是那么优秀了。

[stuxt]

此部分 也是在 前端性能优化#20 中的一部分。