zoukankan      html  css  js  c++  java
  • 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 发愁了

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

  • 相关阅读:
    用 jQuery 实现表单验证(摘抄)——选自《锋利的jQuery》(第2版)第5章的例题 5.1.5 表单验证
    js内置对象
    浅析js中的堆和栈
    深入理解js立即执行函数
    Javascript 中 null、NaN和undefined的区别
    javasript
    关于HTTP协议,一篇就够了
    ssh_maven之controller层开发
    ssh_maven之service开发
    ssh_maven的搭建之dao层的开发
  • 原文地址:https://www.cnblogs.com/maxiao/p/2839884.html
Copyright © 2011-2022 走看看