js模版引擎（基于html模版和json数据的javascript交互）（第二讲）完结篇

本想昨天把剩下的写完，无奈周末反而事更多了 让大家久等了

看过第一讲的朋友可能和我一样想马上看看或者找一款js模板引擎 这里小马不讲怎么实现或者重写一个js模板引擎 （有限于个人的js水平啊 汗~）

还别说 经过小马的不懈努力还真找到一个如意的js模版引擎 这心情 那是一个爽啊~~

先倒杯果汁 等会慢慢欣赏这个大作

——————————————————————闲话扯到这里——————————————————

Juicer   对 这个模版引擎名叫juicer翻译成中文叫榨汁机

为什么叫这个名字呢 官网上有说这个名字的由来 ：

倘若我们把数据比作新鲜可口的水果，把模板看做是水，Juicer 就是把水果和水榨出我们需要的HTML代码片段的榨汁机。

怎么样，是不是很有意思

这正是我们DOP中 把我们的html模版和json数据组织起来的js模版引擎  注意真的是引擎哦

下面讲一下小马的使用感受：

1，体积小 整个js文件不到18k 压缩之后更小

2，可以自定义模版标签 这个功能满足了我等有点标签强迫症的童鞋 本想研究一下淘宝的 XTemplate 可看着他的标签总感觉有点别扭

用一对大括号不就行了 非要写成{{}} 不止是xtemplate还有其他的一些也是如此 小马是个追求至简的人 这一点就满足不了啊

（不是说 xtemplate不行哦 个人感觉有点不适合我等个人开发者使用 毕竟 双11 1天200亿 都经得住考验 xtemplate 还是灰常NX的）

3，可以注册和注销自定义函数

4，可以配置（缓存编译后的模版 速度更快）

5，支持 模版嵌套（据说可以无限嵌套），if else each 语法 （足够俺用啦）还有一个特别的语法 辅助循环

6，可以在Node环境中运行  可以想象用v8解析js那速度爽歪歪啊 （再吐槽一下ie6） 经小马测试 在chrome下 js的解析速度比ie6快了近10倍

—————————————————————优点说完了下面见点真招——————————————————————————

其实也不用小马将啦  官网上的说明 连我这么菜的js水平都能看懂

而且还是中文的 不用再对着一堆english 发愁了

下面  还等什么  赶快搅拌你的果汁吧

转载于:https://www.cnblogs.com/maxiao/archive/2012/12/30/2839884.html