基于 [RegularJS](https://github.com/regularjs/regular) 实现的小程序开发框架，可以直接借助 `RegularJS` 语法和生态进行小程序开发。保证开发体验一致性的同时，也提高了 **web 应用** 和 **小程序应用** 之间代码互相转换的效率。
## 特性
- 一致的开发体验
- 更低的学习成本
- 更强的语法表现力
- 更强的性能表现
## template
HTML 标签和小程序标签存在差异，比如 div 和 view 之间的关系，RegularJS 的模版语法和小程序模版语法也不一样，因此需要在编译时对模版进行转换。
小程序的原生组件可以在 RegularJS 模版中直接使用，对应的属性名和事件名都是一样的，但需要注意的是事件绑定的语法稍有不同，需要使用 RegularJs 的语法进行事件绑定。
例如：
小程序：
```html
```
mpregular：
```html
```
## Page 生命周期
1. config，regular
2. onLoad
3. init，regular 页面组件及各个子组件
4. onReady
5. onShow
6. onHide
7. onUnload
如何使用：
```javascript
export default {
mpType: 'page',
config() {
// this.$mp.options 与 onLoad 中的 options 相同
console.log('config', this.$mp.options);
},
init() {
console.log('init');
},
onLoad(options) {
console.log('onLoad', options);
},
onReady() {
console.log('onReady');
},
onShow() {
console.log('onShow');
},
onHide() {
console.log('onHide');
},
onPullDownRefresh() {
console.log('PullDownRefresh');
},
onReachBottom() {
console.log('ReachBottom');
},
onPageScroll(options) {
console.log('PageScroll', options);
}
}
```
建议只在最外层的 Regular 实例中使用小程序相关的钩子函数，这样在转回 web 代码的时候工作量会相对减少
## App 生命周期
TODO
## 支持特性
### 事件绑定
事件绑定遵循 Regular 的事件绑定语法，利用 `on-` 指令，对于小程序的原生事件的绑定，也是一样，将 `bind` 替换成 `on-`。
比如 `click` 事件对应小程序中 `tap` 事件。
```html
```
对于小程序中特有的事件绑定方式，在 Regular 中利用指令修饰符实现。
`catch{event}` -> `on-{event}.catch`
```html
```
`capturebind{event}` -> `on-{event}.capture`
```html
```
`catch-capture{event}` -> `on-{event}.catch-capture`
```html
```
处理函数中所返回的事件对象与小程序原生事件对象一致，保持不变。
### filter
```html
{ time | dateFormat: 'yyyy-MM-dd' }
```
```javascript
import Regular from 'regularjs';
cosnt App = Regular.extend({
}).filter('dateFormat', function() {
// your filter code here
});
export default App;
```
这里需要注意下写法，需要用到 `Regular.extend`，下面的方式目前是不支持的（后面版本会加上）
```js
export default {
filters: {
// ...
}
}
```
### {#inc this.$body}
```html
{#inc this.$body}
Tips
```
目前只支持静态的模版，不支持动态的字符串编译，例如 `#{inc templateStr}` 是不支持的
### {#if}
```html
{#if mode === 1}
1
{#elseif mode === 2}
2
{#else}
other
{/if}
```
语法与 Regular 一致。
### {#list}
```html
{#list soure as item by item_index}
{ item.name }
{/list}
```
语法与 Regular 一致，注意不要对大型列表进行 list 操作，否则容易出现性能问题。
### 指令
#### r-model
```html