Js越來越強大了,超乎我的想象,以前JS僅僅只能通過ajax與后台交互,后來又有了Node.js,JS可以用於服務端,然后今天我又發現了JS的動態語言。明天呢?也許不少前端的小伙伴會說,慢些吧,慢些吧,太快的我承受不住。的確,我們每天的時間有限。單身的朋友忙着加班,有對象的朋友,每天除了工作之外,得花時間陪陪對象,有了孩子的朋友,每天還得花點時間陪陪孩子。學習的時間哪會有這么多呢?雖然不少人說,可以利用地鐵的時間、午休的時間學習,但是真到那個時候不一定有人一定能沉得下心去學習。
所以我們對於學習,就必須有選擇性,這個選擇性就是你自己的職業定位,你覺得那些比較適合你,同時你很感興趣的。當然了,工作中學習也很重要。
一、介紹
源碼地址: https://github.com/shepherdwind/velocity.js
velocity.js是velocity模板語法的javascript實現。
特征:
- 支持客戶端和服務器端使用
- 語法分析和模板渲染分離
- 基本完全支持velocity語法
- Vim Syntax
瀏覽器兼容性:
兼容支持es5的瀏覽器,可以通過測試來驗證test case。
對於低端瀏覽器需要實現以下方法
- Array.prototype的map, forEach, some, filter, every, indexOf
- Date.now
- 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>
運行結果如下:

