# dwz_mobile_doc_v1

**Repository Path**: dwzteam/dwz_mobile_doc_v1

## Basic Information

- **Project Name**: dwz_mobile_doc_v1
- **Description**: DWZ 移动端开发框架文档
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 14
- **Forks**: 2
- **Created**: 2020-10-05
- **Last Updated**: 2025-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DWZ Mobile 介绍

> ## 概述

- DWZ 手机版 HTML5 + 原生 混合开发框架。
- 基于原生 JS 轻量级移动端开发框架，核心代码库 dwz.core.js 使用方式和 jQuery 80%相似，针对移动端精简优化代码（核心库代码相当于 jQuery 的十分之一）。
- [Quickstart](doc/Quickstart.md)
- [gitee 源码](https://gitee.com/dwzteam/dwz_mobile_app)
- [github 源码](https://github.com/dwzteam/dwz_mobile_app)

> ## Demo 演示

- 在线演示版，使用 chrome 开发模式设置手机版 `http://mobile.jui.org`，或者手机`在线演示码`
- 视频演示 `http://mobile.jui.org/video/dwz_mobile.mp4`

|                  在线演示码                   |                   APP 安装码                    |
| :-------------------------------------------: | :---------------------------------------------: |
| ![](./_media/readme/app_online.png?width=200) | ![](./_media/readme/app_download.png?width=200) |

> ## 效果展示

![](./_media/h5/ui/1.jpg?height=360)
![](./_media/apicloud/dwzBaiduFaceLive/2.jpg?height=360)
![](./_media/apicloud/dwzBaiduFaceLive/3.jpg?height=360)
![](./_media/h5/widget/form/1.jpg?height=360)
![](./_media/h5/widget/form/1-1.jpg?height=360)
![](./_media/h5/widget/form/2.jpg?height=360)
![](./_media/h5/widget/form/3.jpg?height=360)
![](./_media/h5/widget/form/4.jpg?height=360)
![](./_media/h5/widget/form/5.jpg?height=360)
![](./_media/h5/widget/form/6.jpg?height=360)
![](./_media/h5/widget/dialog/1.jpg?height=360)
![](./_media/h5/widget/alert/1.jpg?height=360)
![](./_media/h5/widget/alert/2.jpg?height=360)
![](./_media/h5/widget/calendar/1.jpg?height=360)
![](./_media/h5/widget/calendar/2.jpg?height=360)
![](./_media/h5/widget/calendar/3.jpg?height=360)
![](./_media/h5/widget/panel/1.jpg?height=360)
![](./_media/h5/widget/button/1.jpg?height=360)
![](./_media/h5/widget/icons/1.jpg?height=360)
![](./_media/h5/widget/charts/1.jpg?height=360)

<!-- <video height="360" controls preload="none" poster="http://mobile.jui.org/video/dwz_mobile.png">
    <source src="http://mobile.jui.org/video/dwz_mobile.mp4">
</video> -->

> ## 设计思路

1. 灵活定制扩展方便：gulp 构建工程，组件 html 结构、css（使用 less）、javascript 完全开放，可以实际项目要求灵活定制。
2. 轻量级：封装精简版核心库 dwz.core.js，相当于一个专门针对移动端优化的精简版 jQuery，代码量只有 jQuery 的十分之一左右，使用方式基本同 jQuery。
3. 统一风格：UI 组件不依赖于第三方组件库，都是统一封装的，组件样式可以灵活定制。
4. 跨平台：Android 应用、iOS 应用、公众号。
5. 支持屏幕自适配：手机、平板、PC、大屏（包含非正常比例拼接屏）界面布局可以支持自动适配。

> ## 联系

- 网站：http://jui.org
- DWZ 官方微博：http://weibo.com/dwzui
- 邮箱: z@j-ui.com
- QQ: 350863780

|                   APP 安装码                    |               技术服务微信                |
| :---------------------------------------------: | :---------------------------------------: |
| ![](./_media/readme/app_download.png?width=200) | ![](./_media/readme/wx_zhh.png?width=200) |

> ## 捐赠

如果您对我们的成果表示认同并且觉得对您有所帮助，可以请扫下方二维码给我们捐赠。

|                 支付宝                 |                 微信                  |
| :------------------------------------: | :-----------------------------------: |
| ![](./_media/readme/zfb.png?width=200) | ![](./_media/readme/wx.png?width=200) |