node.js-前端数据

|node.js

web应用中，动态生成html的工具，负责数据与模板的结合
常见的模板引擎有 ejs，jade（pug），nunjucks等

pug
编译 工具下载 npm install pug-cli -g
pug 生成的文件名 -w ( 跟随修改实时变化 )
pug 生成的文件名 -P ( 将生成的文件整理为可阅读格式 )
pug 生成的文件名 -w ( 跟随修改实时变化 )

注意事项

1. 层级关系由缩进来表示 统一使用空格 或 统一使用 tab 没有闭合标签（ 不需要 ）

pug 页面元素

• h1 标题 div div标签 div(class=“mydiv”) 类名为mydiv的 div .ball 第二个div
  (直接写类名,也是div) #box 不仅可以写class类名(页面上显示为div) p p标签

css 样式

## 内联样式

	style.
		.mydiv{
			width:200px;
			background:red;
			color:white;
			text-align:center;
			line-height:40px;
		}

 - 

## 行间样式

	.mydiv2(style={width:'100px'})
1

## 外联样式

    link(rel="stylesheet" href="index.css" type="text/css")

## 单行注释

	//- pug的注释 不会被加载
	// html注释，只是读取
1