EJS学习(四)之语法规则下

模版函数

在 EJS 之外,提供了一些额外的模版函数来简化我们的一些工作

GIT:https://github.com/willerce/tmt-ejs-helper

css()方法

快速的引用 CSS 文件,并附上注释线,CSS使用绝对路径,便于下游前端使用。

<head>
    <title>页面标题</title>
    <%- css("style-workflow.css") %>
</head>
//编译后:----------------------------
<head>
    <title>页面标题</title>
        <link rel="stylesheet" href="../../dev/css/style-workflow.css"/>
        <!--<link rel="stylesheet" href="http://wximg.gtimg.com/tmt/workflow/dist/css/style-workflow.css"/>-->
</head>

js()方法

功能与 css() 一致

img()方法

占位图,可以指定高、宽,以及 className

<%- img(200, 400, 'block__img') %>
//编译后:---------------------------
<img src="http://temp.im/200x400" class="block__img"/>

text()方法

占位文本,生成指定长度的占位图,第二个参数为偏移字数,下面的函数生成的文本长度可能为 7 ~ 13 位

<span><%- text(10, 3) %></span>
//编译后:------------------------
<span>一二三四五六七八九</span>

参考:

EJS -- 嵌入式 JavaScript 模板引擎 | EJS 中文文档

posted @ 2019-09-05 17:14  坤嬷嬷  阅读(299)  评论(0编辑  收藏  举报