开始学前端的时候，觉得CSS倍儿简单好玩。可自打工作以来，发现自己总是出现CSS上面遇到难题。原因在于从来没有系统的学过这门知识，掌握的也都只是常用的，所以一旦出现意外情况，就两眼一抹黑，找不到解决方案了。所以要想成为一名合格前端，CSS知识也得抓紧补起来。本篇主要记录一些零散的CSS知识，系统学习笔记会额外开一片博文记录。

quickskin的工作方式类似于一个”模板编译器”，将模板转换为可执行的PHP脚本。当一个模板第一次被使用时，模板内所有的占位符均被替换为简单的可输出指定内容的PHP代码元素。如HTML模板片段:

1	<h3>{TITLE}</h3>

将被转换为

1

<h3><?php echo $TITLE; ?></h3>

最简单的用法

1
2
3
4
5
6
7
8

<div>
    <h1>
        {{title}}
    </h1>
    <p>
        {{content}}
    </p>
</div>

嵌入数据

1
2
3
4

const template = require('Handlebars').template;

var context = {title: 'Yo', content: "Hello world!"};
var html = template(context);

生成结果

1
2
3
4
5
6
7
8

<div>
    <h1>
        Yo
    </h1>
    <p>
        Hello world!
    </p>
</div>