shadow
shadow是一个支持组件化的javascript模板引擎，它可以让开发者使用自定义标签的方式来重用组件。
特性
shadow的语法借鉴一个非常快速和简洁的模板引擎 artTemplate。它只有几个必要的语句，学习成本非常低，运行效率却非常高，而且编译好的模板很方便调试。
基本使用
模板指令包含在{{ }}内
输出
{{name}}默认情况下，会对结果进行html转义输出，如果需要原样输出，需要在前面加个等号：
{{=name}}关于输出有以下规则
- 基本类型将会直接输出
- 如果是对象类型，则调用其toString()方法输出
- 如果是function，则会先执行function，然后输出运行结果
- 如果是对象类型，且包含属性safeString = true，则不转义输出
判断
{{if offers.length === 0}} empty{{/if}}可以有else或else if
{{if offers.length > 0}} ... {{else}} no results{{/if}}说明: if 语句后面的判断可以是任何有效的js表达式，非常灵活
循环
{{each offers as offer}} {{offer.name}} {{/each}}可以在模板中使用当前的循环序号
{{each offers as offer index}} {{index}}. {{offer.name}}{{/each}}可以对对象类型进行迭代
{{each props as value name}} {{name}}{{name}} {{value}}{{/each}}表达式
模板中不应该有业务逻辑，但有时候为了简化对象的引用需要使用一些赋值语句
{{! props = model.offer.props }} {{ props.name }}{{ props.age }}...熟悉了以上语法就可以编写模板代码了，但shadow的特点是允许以自定义标签的方式定义和使用组件，下面文档描述了如何定义和使用组件。
组件
带中划线的标签或首字母为大写的标签都会被引擎识别为组件
{{title}} {{desc}}或
组件的定义
可以这样定义bootstrap中的button
{{children}}组件中可以使用调用组件的属性以及上下文中的变量，可以类比于函数调用的参数和closure上下文中的变量。
可以通过children变量访问子节点，可以通过children.length来判断是否有子节点
可以使用{{children}}输出所有children的内容，如果要传递参数，可以使用{{children({...})}}
上述按扭组件可以这样使用：
confirm以上调用会输出：
confirm下面是一个定义bootstrap panel的例子
{{if children.heading || children.title}} {{children.heading}} {{if children.title}} {{children.title}} {{/if}} {{/if}} {{if children.body}} {{children.body}} {{/if}} {{if children.footer}} {{children.footer}} {{/if}} 使用{{if children.title}}来判断是否有title节点，使用{{children.title}}来输出title节点，如果需要传递参数，则使用函数调用语句{{children.title({ item: item })}}
组件的使用
可以这样使用上述定义的panel
Panel Title Panel Content上述会输出
Panel Title Panel Content 变量作用域
假设有list组件如下
{{each items as item}} {{ children({ item: item }) }} {{/each}} 使用时
{{item.title}} price {{item.price}} 上述x-panel中的item对象使用的是组件中传递的item参数，如果外围变量中也有item变量，外围变量将会被隐藏。
这类似于函数参数变量和closure上下文中相同名称的变量，如果需要使用，则在组件调用前先保存成其他名称。
{{! thisitem = item }} {{item.title}} {{thisitem.title}}