當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
EJS学习(四)之语法规则下
生活随笔
收集整理的這篇文章主要介紹了
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 中文文檔
轉載于:https://www.cnblogs.com/kunmomo/p/11467101.html
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的EJS学习(四)之语法规则下的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: EJS学习(三)之语法规则中
- 下一篇: EJS学习(五)之EJS的CommonJ