【JavaScript】ArtTemplate我的的使用体验。

听说ArtTemplate是腾讯的，感受这东西真不错，使用方便，用起来很简单，哈哈。腾讯也不彻底只是坑爹啊。

ArtTemplate

---

　　使用是，正常引入js，这个天然不用说。这东西啥时候使用呢？我以为这东西不单单是语法上，连使用的场景也跟JSTL很类似。

　　当咱们使用Ajax向后端获取数据之后，在渲染网页时，若是这个网页元素要跟随者你的数据的不一样而不一样，那此时就能够很方便的使用ArtTemlate来实现，从而代替大量的使用操做DOM的方式来修改页面（固然若是简单的变化，直接操做DOM就行了，更快，技术嘛，都有它的应用场景，切不可生搬硬套！）。

　　简单说一下我使用的时候，是一个怎样的流程。

　　一开始若是不习惯使用这个，能够如今本身的网页部分，正常的把你想要的HTML元素先正常的写出来，而后随便填一些测试数据，先作一个demo(固然若是你公司有专门的前端设计人员，你就爽了。。。)，而后直接在这个页面上，套如ArtTemplate的语法。相似这样：

　　

　　而后再按照语法，把他抽取到Script标签中。这东西，简单得很，语法更是简单，它没有太多的语法无非就是：遍历、判断，由于自己也只是一个模板插件，若是是太复杂的逻辑处理，自己仍是应该交给JS来作。

　　在抽取到script标签中的时候，须要给标签订义id属性，这个属性就是回头在js调用ArtTemplate的时候，用于指定须要操做哪一个模板（一个页面固然能够有多个模板片段啦），好比：

　　

　　而后js中调用就:

　　template对象就是ArtTemplate在JS中用于操做模板的对象，第一个参数是模板的id,用于指定这次操做的是哪一个模板，第二个就是要放入模板的参数了。放入的参数有两个方式。

　　看第一张图，能够看到咱们是直接调用了data这个对象来取值，这个data怎么来的，只能叫data么？不能使其余的什么“date”、“beta”么？固然能够是其余的，主要在于放入的参数，若是你放入的对象，其内部具备一个data属性，那你就能够直接调用data来获取它的值，但若是你放入的参数已是最终的数据，那就得想我上面这种图同样，加一个壳{data：room[0]}，这种感受很像java中的Map，键值对同样。

　　这插件没啥难度，也写不出啥牛逼教程，哈哈，上面那个参数的规则，算是一个小窍门儿吧。