1.2.7 • Published 5 years ago
ozzx v1.2.7
ozzx: 一个高效、易用、干净的html框架
1. 项目特点
- 所有dom元素都不是虚拟的,完美兼容传统MVC框架,且对搜索引擎友好。
- 内置将一个页面分离成多个组件,组件可以方便的移植到其他项目中使用,支持加载远程地址组件。
- 支持使用less, sass, pug等写法(需要安装对应插件),能够自动将支持性不友好的js、css代码转换为兼容各个浏览器的代码。
- 框架在各种浏览器乃至IE8版本以下浏览器均能使用。
- 支持资源统一管理,自动处理html、css、js中的资源引用,支持无损压缩图片输出等功能。
- 框架能够进行智能分析,对框架中没有使用到的方法不会打包到项目工程里,真正做到干净。
- 内置路由系统,内置数十种页面切换效果,可以方便的制作SPA页面。
- 内置多种内置方法,并支持扩展。
- 支持对js,css进行美化输出
2. 快速上手
安装
npm i -g ozzx
创建示例项目
pack init test
打开示例文件夹
cd test
安装依赖包
npm i 或 yarn
运行或者编译
pack dev 或者 pack build
3. 内置方法
- $go - 跳转到其他页面
参数 | 含义 | 类型 | 必须 |
---|---|---|---|
pageName | 页面名称 | string | 是 |
in | 页面入场动画 | string | 否 |
out | 页面离开动画 | string | 否 |
4. 其他
1.getPopPosition
/**
* 智能计算弹窗合适出现的位置
* @param {number} areaW 区域的宽度
* @param {number} areaH 区域的高度
* @param {number} boxW 弹窗的高度
* @param {number} boxH 弹窗的高度
* @param {number} x 出现点的X轴坐标
* @param {number} y 出现点的Y轴坐标
* @return {object} 返回合适的位置信息
*/
2.getScreenInfo
/**
* 获取屏幕信息
* @return {object} 屏幕信息
*/
3.smoothChange
/**
* 平滑的改变值
* @param {number} startValue 初始数值
* @param {number} endValue 结束数值
* @param {number} time 持续次数
* @param {number} step 步长
* @param {function} callBack 回调函数
* @return {object} 控制信息
*/
4.toast
/**
* 显示toast提示
* @param {number} text 显示的文字
* @param {number} time 显示时长
*/
5.getQueryString
/**
- 获取URL参数中字段的值
- @param {string} name 参数名称
- @return {string} 返回参数值 */
1.2.7
5 years ago
1.2.6
5 years ago
1.2.5
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.1.0
5 years ago
1.0.30
5 years ago
1.0.28
5 years ago
1.0.24
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago