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>

 

運行結果如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM