• 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>

    运行结果如下:

  • 相关阅读:
    hdu1257
    P6198 [EER1]单调栈 题解(分治+构造)
    P3193 [HNOI2008]GT考试 题解(kmp+矩阵快速幂)
    Product of GCDs 题解(欧拉降幂+贡献)
    P2501 [HAOI2006]数字序列 题解(dp+构造)
    欧拉降幂
    I love max and multiply 题解(二进制dp)
    永不言弃 题解(线段树维护hash+二分)
    Problem D. Ice Cream Tower 题解(二分+贪心)
    E. Kefa and Watch 题解(线段树维护hash+循环节结论)
  • 原文地址:https://www.cnblogs.com/youcong/p/10133437.html
Copyright © 2020-2023  润新知