多种模板引擎在Node中的应用(性能对比及使用方法)

本文探讨了在Node.js环境中不同模板引擎的性能对比,包括art-template、doT、ejs、pug等,并指出在不同数据量下,art-template通常表现出最佳性能。在实际应用中,推荐使用art-template和pug。文章还简述了如何在Node.js中使用art-template进行模板引擎渲染,包括环境搭建、模板创建和编译。后续内容将涉及数据库操作,实现纯前端开发的支持。
摘要由CSDN通过智能技术生成

当前公司开发环境:
由于浏览器和js的优化和性能的提升,大多数公司采用的前后端分离式的开发,代码区分明确,易于维护,易于开发,但是不易爬虫,还好有强大的Node.js,它几乎可以处理所有我们开发时后端处理的事务,也就弥补了前后端分离后不方便服务端渲染的问题。
Node渲染:
Node渲染读取的页面本身是纯静态的,这就需要我们使用模板引擎来强化页面,使页面更灵活,又不失服务端渲染的优势。


一、各种模板引擎性能对比

市面上常见的模板引擎:
art-template — art-tempalte/fast mode — doT — ejs — pug — handlebars — mustache — swig
1.首先测试少量数据
渲染同样多的的节点数,10个节点
在这里插入图片描述
结果:art-template — dot — ejs 的处理速度比较快
在这里插入图片描述


2.测试大量数据
渲染同样多的的节点数,200个节点
在这里插入图片描述
结果:art-template — pug — hanlebars 有优势,art-template更快
在这里插入图片描述


3.测试更多数据
渲染同样多的的节点数,1000个节点.
art-template — fast mode — pug 性能更好,差距开始明显
在这里插入图片描述


测试结果:
整体来说art-template表现最好也是最稳定,其次就是pug 虽然少量数据的时候表现不好,但项目中数据量都很大,pug随数据量越多性能也是越好 ,所以推荐使用art-tempaltepug
从语法上来看,pugart-template更简洁优雅,但art-tempalte更易上手。一会我们就以art-template为例进行node端渲染。

二、模板引擎在node中的应用

首先搭好一个node环境,express和koa先不推荐,一开始最好从原生开始。
快速搭建node服务:https://blog.csdn.net/weixin_43648947/article/details/101215951

1.按照上面链接搭好node环境之后,安装art-template

npm install --save art-template

2.views文件下创建view.html
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{
   {
   title}}</title>
    <link rel="shortcut icon"  href="./public/favicon.ico"></link>
    <link rel='stylesheet' type='text/css'  href="./public/main.css"></link>
</head>
<body>
    <button class="top-button">我要留言</button>
    //这里的语法跟vue有点类似,具体看art-template文档 https://aui.github.io/art-template/docs/
    <h2><
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值