Velocity.js初步

Js越来越强大了，超乎我的想象，以前JS仅仅只能通过ajax与后台交互，后来又有了Node.js,JS可以用于服务端，然后今天我又发现了JS的动态语言。明天呢？也许不少前端的小伙伴会说，慢些吧，慢些吧，太快的我承受不住。的确，我们每天的时间有限。单身的朋友忙着加班，有对象的朋友，每天除了工作之外，得花时间陪陪对象，有了孩子的朋友，每天还得花点时间陪陪孩子。学习的时间哪会有这么多呢？虽然不少人说，可以利用地铁的时间、午休的时间学习，但是真到那个时候不一定有人一定能沉得下心去学习。

所以我们对于学习，就必须有选择性，这个选择性就是你自己的职业定位，你觉得那些比较适合你，同时你很感兴趣的。当然了，工作中学习也很重要。

 

一、介绍

 

源码地址: https://github.com/shepherdwind/velocity.js

 

velocity.js是velocity模板语法的javascript实现。

特征:

  • 支持客户端和服务器端使用
  • 语法分析和模板渲染分离
  • 基本完全支持velocity语法
  • Vim Syntax

浏览器兼容性:

兼容支持es5的浏览器，可以通过测试来验证test case。

对于低端浏览器需要实现以下方法

  1. Array.prototype的map, forEach, some, filter, every, indexOf
  2. Date.now
  3. Object.keys

 

 

二、 安装

npm install velocityjs或者cnpm install velocityjs

 

 

二、 使用

git clone https://github.com/shepherdwind/velocity.js.git

 

cd velocity.js

 

cd examples

 

运行对应的index.html即可

index.html内容，可以在克隆下的代码库中找到。

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Velocity Test</title>
    </head>
    <body>
    

    <script id="tmpl" type="text/tmplate">
        #foreach($item in $items)
            $item.a
        #end
    </script>
    

    hello world
    <div class="foo"></div>
    <script src="bundle.js"></script>
    </body>
    </html>

 

运行结果如下:

 

posted @ 2018-12-17 19:52  挑战者V  阅读(1493)  评论(0)  编辑  收藏  举报