关于FrozenJS

什么是FrozenJS

FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FronzenUI。

FrozenJS 的所有组件均以 zepto 的插件的形式存在。

FrozenJS 包括：

basic：FrozenJS 的一些基础功能，包括模板引擎、tap 支持等。
ui：主要是一些触屏常用的 UI 组件，包括 dialog 等。
effect：非常用的特效库，特殊场景使用到是可以单独调用。

更多文档请查看：http://frozenui.github.io/frozenjs/

FrozenJS 能做什么

FrozenJS 针对移动端而生，可以处理大部分移动端的UI呈现。而且还可以满足某些特殊场景的特效展示。

FrozenJS 的特点

体积小，js 只依赖 zepto。
调用简单。
可移植性强（支持模块化与非模块化调用方式）

FrozenJS 的理念

为移动而生
轻量，可复用可扩展

FrozenJS 的基本调用方式

非模块化方式

引用js

<script src="http://i.gtimg.cn/vipstyle/frozenjs/lib/zepto.min.js?_bid=304"></script>
<script src="http://i.gtimg.cn/vipstyle/frozenjs/1.0.0/frozen.js?_bid=304"></script>

js调用

var myDialog=$.dialog({
	title:"温馨提示",
	content:'温馨提示内容',
	button:["确认","取消"]
})
myDialog.on("dialog:hide",function(e){
	// To do sth when dialog hide
})

模块化方式

引用js

<script src="http://i.gtimg.cn/vipstyle/frozenjs/lib/sea.js?_bid=304"></script>

js调用

seajs.config({
	alias:{
		"zepto":"http://i.gtimg.cn/vipstyle/frozenjs/lib/zepto.min.js?_bid=304",
		"frozen":"http://i.gtimg.cn/vipstyle/frozenjs/1.0.0/frozen.js?_bid=304"
	}
});
seajs.use(["zepto","frozen"],function(z,fz){
	var $=z;
	var myDialog=$.dialog({
		title:"温馨提示",
		content:'温馨提示内容',
		button:["确认","取消"]
	})
	myDialog.on("dialog:hide",function(e){
		// To do sth when dialog hide
	})
})

这里对zepto进行了模块化操作，建议引用http://i.gtimg.cn/vipstyle/frozenjs/lib/zepto.min.js?_bid=304

若还是想要引用自己项目的zepto，请通过以下方式对zepto进行模块化：

window.Zepto = Zepto
window.$ === undefined && (window.$ = Zepto)

// exports to module
if($.isFunction(window.define)) {
    define(function(require, exports, module) {
        module.exports = window.Zepto
    })
}

FrozenJS 的维护与开发

FrozenJS 通过grunt来管理，首先应确保grunt的运行环境，可参照doproio/team#5

grunt：合并压缩代码

grunt docs：文档生成与调试

使用grunt docs会将文档生成到_site目录，提交当前目录到https://github.com/frozenui/baseui.git

_site目录下的内容提交到gh-pages分支，参考https://github.com/frozenui/baseui/issues/

页面会显示在frozen的js组件菜单项中http://frozenui.github.io/frozenjs/

jeakey/frozenjs