本来想测试下两者在nodejs中得执行速度，设置了一个测试数据，如下

var testData = {

    title:'测试标题',

    description: '<p>这是一个描述，里面用很多标签，有<h1>h1标签</h1><h2>h2标签</h2><h3>h3标签</h3><h4>h4标签</h4><h5>h5标签</h5><p>但是不会解析',

    datas : createData()

};

function createData(){

    var array = new Array();

    var tmp = '{name:"我是data{i}", age: {i}, comp: "一个大公司}';

    for(var i = 0; i < 1000; i++){

        array[i] = tmp.replace(/{i}/g, i);

    }

    return array;

}

module.exports = testData;

在swig中可以正常解析，但是在ejs中却一直报错，后来才发现问题：ejs中不会把字符串进行转换
在swig中，数组中得字符串会被解析为对象，可以直接使用，在ejs中却无法直接解析， 所以对上面的代码进行修改，如下：

var testData = {

    title:'测试标题',

    description: '<p>这是一个描述，里面用很多标签，有<h1>h1标签</h1><h2>h2标签</h2><h3>h3标签</h3><h4>h4标签</h4><h5>h5标签</h5><p>但是不会解析',

    datas : createData()

};

function createData(){

    var array = new Array();

    for(var i = 0; i < 1000; i++){

        array[i] = {name: "我是data" + i, age: i, comp: '一个大公司'};

    }

    return array;

}

module.exports = testData;

swig的模板页面testswig.html:

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <script type="text/javascript">

    var star = new Date().getTime();

  </script>

  <title>{{title}}</title>

</head>

<body>

    <h1 id="time"></h1>

<div>

    <h1>描述</h1>

    {{description}}

</div>

<div>

    <h2>一个大列表：</h2>

    <ul>

        {% for item in datas -%}

            <li>姓名：{{item.name}}  年龄：{{item.age}}  公司：{{item.comp}}</li>

        {%- endfor%}

    </ul>

</div>

<script type="text/javascript">

    var end = new Date().getTime();

    document.getElementById('time').innerHTML = end - star;

</script>

</body>

</html>

ejs的模板页面testejs.ejs

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <script type="text/javascript">

    var star = new Date().getTime();

  </script>

  <title><%= title %></title>

</head>

<body>

    <h1 id="time"></h1>

<div>

    <h1>描述</h1>

    <%= description %>

</div>

<div>

    <h2>一个大列表：</h2>

    <ul>

        <% datas.forEach(function(item) { %>

            <li>姓名：<%= item.name %>  年龄：<%= item.age %>  公司：<%= item.comp %></li>

        <% }); %>

    </ul>

</div>

<script type="text/javascript">

    var end = new Date().getTime();

    document.getElementById('time').innerHTML = end - star;

</script>

</body>

</html>

测试结果为：

  • 1000条数据时，用时都为2ms
  • 10000条数据时，swig用时在180ms左右，ejs首次加载时间为470ms，之后加载时间为380毫秒左右摆动。

初步测试swig胜！

这种测试有网络时间和页面加载时间，并不全是模板渲染时间，所以并不精确，但是在其他变量一定的情况下，可以算作是相对精确，差值是正确的。

原文地址：ejs和swig对比的问题之一

ejs和swig对比的问题之一的更多相关文章

  1. ejs和swig对比问题之二

    上一次用浏览器里面简单的进行了测试,得到的数据是swig是ejs的速度的一倍左右,这次在控制台进行测试,能够得到比较精确的数据,并加入了dot一块儿进行测试. 测试数据是一百万条记录 创建测试数据cr ...

  2. What is NodeJS(学习过程)

    为什么要学习node.首先是听说了这个和前后端分离有很大的关系.node作为一个基础的技术,需要提前学习.学习node,不打算直接先跟着视频去学习老师们的课程.因为想自己找到一种适合自己的学习方法.之 ...

  3. hexo —— 简单、快速、强大的Node.js静态博客框架

    hexo是一款基于Node.js的静态博客框架.目前在GitHub上已有1375 star 和 219 fork. 特性 风一般的速度 Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成. ...

  4. 使用Hexo & Github,搭建属于自己的博客

    经过在网上各种找资料,踩过各种坑,终于搭建好了hexo,直接与gitbub一起使用,搭建起自己的免费的博客. 关于Hexo Hexo是一款基于Node.js的静态博客框架. Hexo特性 风一般的速度 ...

  5. 如何用 windows+github搭建一个优美的hexo博客

    1.Hexo简单介绍 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 风一般的速度Hexo基于Nod ...

  6. node.js—express+ejs、express+swig、

    安装:npm install -g express-generator 普通express 网站 创建:express testWeb 安装依赖:npm install 修改app.js文件并运行 找 ...

  7. swig模板引擎和ejs模板引擎

    swig模板引擎的基本用法: 1. 变量 {{ name }}  //name名前后必须要加空格,不加就会报错 2. 属性 {{ student.name }} 3. 模板继承 swig使用exten ...

  8. 用nodejs,express,ejs,mongo,extjs实现了简单了网站后台管理系统

    源代码下载地址:http://download.csdn.net/detail/guoyongrong/6498611 这个系统其实是出于学习nodejs的目的而改写的系统. 原来的系统前端使用了ex ...

  9. Nodejs in Visual Studio Code 04.Swig模版

    1.开始 设置Node_Global:npm config set prefix "C:\Program Files\nodejs" Express组件:npm install e ...

随机推荐

  1. 洗牌问题 FZU - 1062 (传说中的思路题，hhh)

    设2n张牌分别标记为1, 2, -, n, n+1, -, 2n,初始时这2n张牌按其标号从小到大排列.经一次洗牌后,原来的排列顺序变成n+1, 1, n+2, 2, -, 2n, n.即前n张牌被放 ...

  2. NOIP2017 D1T1小凯的疑惑

    这应该是近年来最坑的第一题了. 我第一眼看到这题上来就打表,数据范围告诉我复杂度应该是log级的,然而一个小时后才发现是一个输出结论. 设较小数是a 较大数是b 写出几组可以发现一个规律就是一旦出现连 ...

  3. Codeforces 806 D.Prishable Roads

    Codeforces 806 D.Prishable Roads 题目大意:给出一张完全图,你需要选取其中的一些有向边,连成一个树形图,树形图中每个点的贡献是其到根节点路径上每一条边的边权最小值,现在 ...

  4. 「COCI2016/2017 Contest #2」Bruza

    「COCI2016/2017 Contest #2」Bruza 解题思路 : 首先对于任意时刻 \(i\) ,硬币一定移动到了深度为 \(i\) 的节点,所以第 \(i\) 时刻 Danel 一定染掉 ...

  5. tarjan算法+缩点--cojs 908. 校园网

    cojs 908. 校园网 ★★   输入文件:schlnet.in   输出文件:schlnet.out   简单对比时间限制:1 s   内存限制:128 MB USACO/schlnet(译 b ...

  6. Loj10086 Easy SSSP

      试题描述 输入数据给出一个有 N 个节点,M 条边的带权有向图.要求你写一个程序,判断这个有向图中是否存在负权回路.如果从一个点沿着某条路径出发,又回到了自己,而且所经过的边上的权和小于 0,就说 ...

  7. HDU 5654 xiaoxin and his watermelon candy 离线树状数组 区间不同数的个数

    xiaoxin and his watermelon candy 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5654 Description Du ...

  8. hdu 2795 Billboard 线段树单点更新

    Billboard Time Limit: 1 Sec  Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=279 ...

  9. hihocoder1310 岛屿

    hihocoder1310 岛屿 题意: 中文题意 思路: dfs,面积和数量都很好求,问题在岛屿形状上,感觉让人比较麻烦,用vector保存各个点,只要两个岛之间每个点距离一样就好了,这里的形状的定 ...

  10. extjs用iframe的问题

    项目中用extjs做前提系统的界面是左边用树做目录 右边用tabpanel做内容展示点击树节点的时候 在tabpanel添加新的tab JScript code var newTab = center ...