---
基本用法：
---
```
模板：
- 文本插值 属性插值 {}
- 各种js表达式（except ++ -- &| ）
- @(绑定一次的变量名) ——》脏值检测
- | filterName:arg1,arg2 Regular.filter(name,callback)
- 1..3 === [1,2,3]
- 变量undefined不报错
- Rule包括 list（item_index／item） if／else／elseif include
- 注释 {! !}
```
```
动态模板引擎是一种介于常规字符串模板(jade, ejs)和Dom模板(angulrjs, vuejs)之间的模板技术，编译生成的不是字符串而是Living dom, 使得view是会随着数据变化的
保证了regularjs的数据驱动的开发模式 和 100%的独立性
```
组件：
---
```
内嵌组件：
- Component.component('custome-pager', Pager)
- 默认属性均变为data的key／value，缺省boolean为true，属性驼峰，支持 on-事件名
- 保证组件隔离，使用issolate属性（保证父数据变不对子组件进行脏值检测）
通用组件-复用：
-逻辑类似：混入-Component.implement(ReduxMixin{})， 类似mixin
-组件继承: 继承-Regular.extend({})
-框架类似：组合-{#include this.$body} （类似slot）
----- 通用组件 extend（{name,template:'XXX{#inc this.$body}XXX'}
----- 引用组件 name 填充内容
```
组件生命周期：
---
```
new Componment（）
- 合并_options到data／events中
- 解析模板为AST
- 注册事件
- 触发config
- AST编译为dom
- 触发init
```
事件：
---
```
- DOM事件分类：
DOM组件 on-XXX
自定义组件 Component.event(event,fn)
事件代理支持：
delegate-click 在超大列表里避免绑定过多事件
$event对象为修正后的对象
- 组件事件：
component.$on/$off/$emit
绑定在组件上的
Tips：本身事件的监听销毁都是自动完成的
```
深入组件：
---
```
- 访问子节点／组件：
this.$ref.AA
dom.element
- 组件组合：
内嵌内容
{#include content} ——》html，但是content的上下文是alert的
{#include this.$body}
```
单页面路由：
---
```
支持SSR
异步
自动降级
依赖与Promise
用法：
restate（{routes:{}}）
启动 manager.start(options)
支持生命周期：
enter leave
支持事件：
begin／end／notfound
```
单页面涉及到cas的权限控制，具体参考node接入cas，以及独立的[前端工程ndp配置](http://note.youdao.com/noteshare?id=99150d7e60e648c1872c5210a7fc5d51)
其他：
---
目前接触8个工程项目，涉及到regulajs的占一半。基本的项目架构均为一个BaseComponent实现基本的方法封装，其他组件依赖于基础组件。多页面的以页面为单位，再深入划分组件。整体思路清晰，流畅，但可以加强组件的复用。过程中用到nek-ui库，发现部分使用问题，已经反馈。
在js的很多支持数据双向绑定的框架中，其主要实现原理为同时监听页面view和model的变量然后进行双向更新：
视图层的变化主要就是表单控件的用户输入行为造成的，比如input，select，textarea等。那么只需要监听一些事件，比如keypress，keydown，keyup，change。然后在事件回调函数中，将变化的值更新到Model中。当然同时，由于Model发生了变化，就得再次更新一下View。
而Model的变化监听方式可以有多种，主要有以下几种： 发布订阅模式（Backbone），数据劫持（VueJS，AvalonJS），数据脏检查（Angularjs，RegularJS）， View抽象的脏检查（ReactJS）。
下面就来说一说Angularjs用到的数据脏检查方式的实现原理：
数据脏检查大体意思上来说，就是记录所有变量的当前值，当发生某些操作之后，通过$apply或者$digest进入脏检查环节。对比最近的一次值和现在的值是否一致，不一致则实现页面的更新，然后再执行一次直到数据不再发生变化。
详细一点就是首先angularJS将它自定义的html页面转化为正常的dom，相对来说就是要解析那些angularJS专有的指令。页面上的指令有compile和link阶段，compile的时候搜索匹配，然后执行指令定义时写的compile函数，link阶段将那些变量插入watch队列。触发脏检查时全部遍历一次watch队列，实现视图的更新。
而触发脏检查会有以下几种情况：
DOM事件，譬如用户输入文本，点击按钮(ng-click)等
XHR响应事件 ($http)
浏览器Location变更事件 ($location)
Timer事件($timeout, $interval)
执行$digest()或$apply()
最后一种情况应该是统一的入口，只不过前几种情况会自动调用这个入口而已。其他情况下，用户需要手动进入脏检查的话，就要执行$digest()或$apply()了。
首先，向设计师索要操作系统中不存在的字体，而设计稿中又出现的字体。接着，去 typeface.js 官网的字体转换生成页，将设计师索要的字体上传并转换成一个 JS 文件然后在下载。
在接着，到下载页面下载 typeface.js 文件
然后，具体实例请看如下代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>Using typeface.js</title>
<script type="text/javascript" src="typeface-0.14.js"></script>
<script type="text/javascript" src="helvetiker_regular.typeface.js"></script>
</head>
