前端模版引擎选择指南

lijy91 发布于2019-08-19 18:16 / 1213人阅读

摘要：前端模板引擎将数据和结构分离开来，是前端发展路上关键的一环。本文将对比，，，这四种现在常用的模版引擎来为大家提供一些帮助。当前情况下，经过几种模版引擎的使用对比总结。

Javascript前端模板引擎将数据和结构分离开来，是前端发展路上关键的一环。本文将对比jade，ejs，swig，handlerbars这四种现在常用的模版引擎来为大家提供一些帮助。

语法对比

这里我列出官网的第一个例子，然后加以分析

jade

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type="text/javascript").
      if (foo) {
         bar(1 + 5)
      }
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!
      p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.

ejs

<%= title %>

    <% for(var i=0; i
        
            
                <%= supplies[i] %>
            
        
    <% } %>

swig

{{ pagename|title }}

{% for author in authors %}
  
    {{ author }}
  
{% endfor %}

handlerbars


  {{title}}
  
    {{body}}

对比代码可以看出，swig和handlerbars语法符合直观感受，而ejs奇丑无比。 jade语法精简但是难以阅读。

既然选择模版使用引擎，那一定会在一定程度上参考别人网站的结构和设计，这个时候一个好套弄的模版引擎是最容易满足需求的。

从上面的代码初印象看出，swig和handlerbars更容易套标签，而jade华而不实，太不实用

模版引擎如果直接后端解析的话那肯定是最有利于seo的。
当前情况下，经过几种javascript模版引擎的使用对比总结。我推荐大家选择使用swig
当然未来一定会有一种模版引擎替代它们，因为我觉得swig也有许多不足，以后说

超融合服务器混合云模版引擎 smarty模版引擎 mysql存储引擎选择淘宝模版

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79405.html

Vue.js新手入门指南[转载]

摘要：就是一个用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用。单页应用程序顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用。最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一...

MartinHan 2019-08-23 11:50 评论0 收藏0
24小时从0到1开发阴阳师小程序

摘要：最后放效果图感兴趣的同学欢迎扫码体验哟手机长按不能进入小程序，需要在微信发现小程序搜索式神猎手进入结尾以上所有内容均已开源，欢迎大家参考后端式神猎手后端小程序端式神猎手小程序解决方案原文地址作者 0.序玩阴阳师的肝帝们都知道，每天早上5点和下午6点会刷新两次封印任务，每次做任务时最蛋疼的就是找各种怪物对应的副本以及神秘线索。阴阳师提供了网易精灵可以进行一些数据查询，但体验实在太...

laoLiueizo 2019-07-25 11:34 评论0 收藏0
总结个人2015提高前端效率的方法和工具

摘要：更多前端内容阅读之前非用户请自动忽略，此文针对用户，我个人使用频率非常高，端开发者可以选择性的尝试部分工具。或者调起的调试工具，跟编辑器亲密合体。目前在使用，尝试。更多前端内容http://www.codefrom.com/p/JavaScript 阅读之前非Mac用户请自动忽略，此文针对Mac用户，我个人使用频率非常高，PC端开发者可以选择性的尝试部分工具。终端...

Jingbin_ 2019-08-22 10:57 评论0 收藏0
前端开发者指南（2017）

摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

kviccn 2019-08-20 19:01 评论0 收藏0