# pure
**Repository Path**: cwlay/pure
## Basic Information
- **Project Name**: pure
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2014-12-26
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
#Pure Framework
***
Pure是一个Web APP快速搭建框架，结合Require.JS、Backbone.JS以模块化的方式构建移动网页应用。
##快速搭建 Quick Build
```html
```
module/a.js 业务开发
```js
define(['view'], function(View) {
return View.extend({
events: {
'click #msg': 'msg'
},
msg: function() {
console.log("Hello World")
},
onHide: function() {
console.log('Module A onHide');
}
})
})
```
module/a.html 页面编写
```html
I'm module A
```
##应用入口 Application Main
Web APP即单页面应用，我们要为应用构建一个入口。index.html页面充当页面容器的角色。
###Pure标签
1. pure-root 标识当前div充当容器角色
2. pure-nav 容器类型（tabbar、stack、custom）
3. pure-content 模块视图展示区域
4. pure-main 进入应用是默认展示的主模块
##构建项目 Build Project
只要简单几步即可构建强大健壮的应用
###第一步:编写主入口文件 Step1
创建index.html文件，复制以下代码。
```html
Pure Application
```
###第二步:创建模块业务逻辑代码 Step2
```js
define(['view'], function(View) {
return View.extend({
// templatePath: 'module/a-n.html',
events: {
'click #msg': 'msg'
},
msg: function() {
console.log("Hello World")
},
onHide: function() {
console.log('Module A onHide');
}
})
})
```
我们所编写的模块需要遵守AMD模块标准，Pure框架会通过require.js进行模块加载与管理，开发者所创建的模块必须继承于Pure框架的View模块进行开发。
***
####Pure View 模块属性
1. templatePath 可以重新定义视图模板的路径[默认会加载与模块路径相同的HTML模板]
####Pure View 模块方法
```
Pure View的生命周期
initialize(options) --> render(callback) --> init() --> onShow() --> onHide()
```
1. render(callback) 框架默认会完成模板的加载任务，若重载则需要手动加载模板代码。
2. init() 当框架完成页面的渲染后会自动调用此方法，该方法只会被执行一次。因此，可以处理模块的初始化工作。
3. onShow() 模块展示在容器之前会自动调用此方法
4. onHide() 模块被切换时会自动调用此方法