# EasyWebUI
**Repository Path**: lzrd-java/EasyWebUI
## Basic Information
- **Project Name**: EasyWebUI
- **Description**: 简洁、舒适的 Web 用户界面开发框架，用 栅格系统、流动盒子 轻松创建 自适应布局，还有很多实用的 HTML-Reset、样式、控件的封装。（兼容 IE 8+、jQuery API）
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 15
- **Created**: 2016-03-16
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# EasyWebUI
### 【概述】
**EasyWebUI** 是一个**普适**而**轻巧**的 **HTML/CSS 开发框架** —— **支持 IE 8+ 的 CSS 2/3 国际标准**及主流厂商的专用属性（不使用 IE CSS Hack），**通用于桌面端、移动端的各种网页、混合 App 用户界面的构建**。
【注】对 IE 的兼容仅限其“标准模式”，而非“兼容性视图”。
#### 【主要功能】
1. 原生 HTML 元素的样式优化
2. 三大**布局模型 —— 行列栅格、流动盒、弹性盒**
3. **面向对象、组件化的高级控件体系**
#### 【主要特性】
1. **HTML 缺省样式** —— 美观、护眼
2. **CSS 类名** —— 简洁、**语义化**
3. **控件 DOM 结构** —— 简单、充分**复用 HTML 原生语义**
4. **控件 JS API**
- 完全的 **jQuery 风格** —— 融入最好的 Web 前端生态圈
- **方法参数**精简 —— 学习曲线平缓
- 内部实现基于通用的 **DOM 事件 / 面向对象 接口** —— 工程开发、维护容易
### 【教程】
#### （〇）库文件引入
HTML 源码基本结构示例如下 ——
```html
...
```
#### （一）UI 组件 / jQuery 插件
1. 密码确认插件 v0.3
2. 表单对话框 v0.1
3. 面板控件 v0.1
4. 数据表 控件 v0.1
5. 标签页 控件 v0.5
6. 阅读导航栏 v0.1
7. 目录树 控件 v0.2
8. 元素禁止选中 v0.1
#### （二）通用接口（开发进阶）
1. [**$.ListView**](http://git.oschina.net/Tech_Query/iQuery/blob/master/iQuery+.js#L16)
2. [**$.TreeView**](http://git.oschina.net/Tech_Query/iQuery/blob/master/iQuery+.js#L253)
3. **加载进度**事件
```javascript
$('#need_cover').trigger({ // 从需要 Loading 遮罩层的 DOM 元素上触发
type: 'loading', // 通用事件接口类型
detail: Float_Complete, // 0~1 的浮点数，表示“加载完成度”
data: "正在加载数据……" // 等待提示语
});
```
### 协作开发
本项目提炼于其发起人的**日常开发实战**，其本人会**持续更新**，同时欢迎广大 **Web 开发爱好者**在 **OSChina 社区**与其交流、提交 **Pull Request**！~