您的位置:首页 > Web前端 > JavaScript

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

2012-12-30 18:05 597 查看
本想昨天把剩下的写完,无奈周末反而事更多了 让大家久等了

看过第一讲的朋友可能和我一样想马上看看或者找一款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 发愁了

下面 还等什么 赶快搅拌你的果汁吧
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: