随笔分类 - 模版引擎
摘要：前言 今天在看vue-loader预处理器配置相关的内容，突然看到了Pug，然后有了一个疑问：模版引擎原来是预处理器吗？ 答案是：YES 说明 这里重点讨论使用不同的js模板引擎作为预处理器， 下面示例使用了pug模板引擎 <template lang="pug"> div h1 Hello wor
阅读全文
摘要：Velocity 渲染方式：一种渲染方式，java服务端渲染 java服务端渲染 java服务端渲染 语法：一种语法 -》 #：关键字使用#开头 $：变量使用$开头 artTemplate 渲染方式：两种渲染方式，node服务端渲染、浏览器渲染 node服务端渲染 node服务端渲染 方式一：var
阅读全文
摘要：EJS的CommonJs规范版本 ejs分为两个版本一个是CommonJs版本,另外一个是AMD规范的版本. 基础：html页面 安装：<script type="text/javascript" src="./node_modules/ejs/ejs.js"></script> 检查：ejs会将自
阅读全文
摘要：模版函数 在 EJS 之外，提供了一些额外的模版函数来简化我们的一些工作 GIT：https://github.com/willerce/tmt-ejs-helper css()方法 快速的引用 CSS 文件，并附上注释线，CSS使用绝对路径，便于下游前端使用。 js()方法 功能与 css() 一
阅读全文
摘要：⚠️实例均结合node，也就是AMD规范版本 ejs中使用render()表示渲染文本 接收三个参数：模版字符串、data、options，返回一个字符串 ejs中使用renderFile()表示渲染文件 接收四个参数：模版字符串、data、options、callback，没有返回值 ejs中使用
阅读全文
摘要：标签含义 <% %> ：'脚本' 标签，用于流程控制，无输出即直接使用JavaScript语言。 <%= %>：转义输出数据到模板（输出是转义 HTML 标签）即在后端定义的变量，可以再前端显示输出 <%- %>：非转义输出数据到模板 <%# %>：注释标签，不执行、不输出内容 <%% %>： 输出
阅读全文
摘要：前言 EJS，"E" 代表 "effective"，即【高效】，EJS 是一套简单的JavaScript模板，EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已！ 可以利用ejs实现前端后端交互，仅仅用简单javascript代码即可生成H
阅读全文
摘要：我们可以使用html2jade将html编译成jade 首先安装html2jade npm install html2jade -g 用法一：使用html2jade将html转为jade html2jade http://www.imooc.com > mock.jade 上面表示将慕课网的首页转化
阅读全文
摘要：首先全局安装jade，我们就可以使用jade 命令了！ jade index.jade // 解析后会在文件夹中新生成一个压缩代码后的index.html 如果我们不想生成的index.html文件进行压缩，那么我们可以执行 jade -P index.jade 如果我们想实时看到我们的编译效果（不
阅读全文
摘要：1、首先安装node 2、新建一个文件夹并进入该文件夹 3、安装jade 4、在新建的文件夹下新建js文件，写nodejs代码 5、在vscode中利用插件code runner直接执行js文件，输出相应结果
阅读全文
摘要：jade可以自动识别单双标签 // 1.jade内容： input(type="button", value="点击") div // 此时输出❌error:input is self closing and should not have content，input为单标签不能有内容 Jade中所
阅读全文
摘要：语法 ⚠️实例均结合node jade缩进代表层级 html <html></html> html <html> head <head> style <style></style> </head> body <body> div <div></div> div <div></div> </body>
阅读全文
摘要：前言 流行的模板 PHP:Smarty SimpleTemplate Xtemplate Savant Java:Velocity FreeMarker Jbyte C#:Dotiquid SharpDom Razor Javascript:Mustache Handlebars Juicer Xt
阅读全文
摘要：Advanced templating: illustrates defines and includes. Include external snippet defined in a variable: {{#def.externalsnippet}} Load external template from a file: {{#def.loadfile('/snippet.txt')}}...
阅读全文
摘要：简介 创建搜索最快和简洁的JavaScript模板函数，强调V8和nodejs下的性能，它在nodejs和浏览器上都显示了很好的性能。 dot.js速度快，体积小，没有依赖关系，源js代码只有140行 特性 无依赖 极其快速 自定义定界符 (custom delimiters) 运行时求值 (run
阅读全文
摘要：语法 art-template 支持标准语法与原始语法。标准语法可以让模板易读写，而原始语法拥有强大的逻辑表达能力。 标准语法支持基本模板语法以及基本 JavaScript 表达式；原始语法支持任意 JavaScript 语句，这和 EJS 一样。 一、输出 标准语法 {{value}}{{data
阅读全文
摘要：介绍 art-template 是JavaScript模板引擎，是一个简约、超快的模板引擎。 它采用预编译方式让性能有了质的飞跃，从而获得接近 JavaScript 极限的运行性能，使得其性能无论在前端还是后端都有极其出色的表现。在 chrome 下渲染效率测试中分别是知名引擎 Mustache与
阅读全文
摘要：判断是否为空 方法一： 使用 #ifnull() 或 #ifnotnull() eg：#ifnull ($foo) 要使用这个特性必须在velocity.properties文件中加入： userdirective = org.apache.velocity.tools.generic.direct
阅读全文
