Welcome, Old Sport!

除草,最近项目比较密集

by ilikecss ON 2017/01/06 467

jade-cover最近真的好忙,项目多,时间短。在公司前端大神的指导下初次尝试使用jade。说实话这玩意并不好用,我更喜欢用AngularJS。

Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。

首先你得先安装一下jade:

$ npm install jade
make jade.min.js

简单介绍一下jade语法格式:

doctype html
html
  head
    title my jade template
  body
    h1 Hello Guys

输出的结果是:


<!DOCTYPE html>
<html>
  <head>
    <title>my jade template</title>
  </head>
  <body>
    <h1>Hello Guys</h1>
  </body>
</html>

注意jade执行脚本后会自动帮你解析和生成普通的HTML格式文件。需要注意的是jade的语法格式,层次必须遵守格式规格,不然它会提示错误在你npm里面。

jade的好处在于一些变量可以直接带入到DOM结构里使用。

h1 Hello #{name}
{"name": "Guys"}

执行后的结果就是:

Hello Guys

感兴趣的朋友可以去搜一些操作手册,网上很多,遇到问题可以去github里寻求帮助。我也是菜鸟。

大叔的爱

5条评论
  1. 你也终于基了啊~

  2. #2

    zwwooooo说道:

    现在到处是模板引擎,多了变成坑




TOP