mui-demo

mui——最接近原生APP体验的高性能前端框架，是基于html5plus(简称5+或html5+)的一个UI框架。

说明

本仓库会收集mui系列demo，欢迎各位fork and push。

内容分类说明：

• example：文件夹下存放mui相关demo
• screenshot：文件夹下存放demo截图
• mui系列教程源码：文件夹下存放教程源码
• doc：文件夹下存放一下技巧和细节
• faq：文件夹存放常见问题

博客教程

MUI从入门到精通系列文章：

• mui初级入门教程（一）— 小白入手mui的学习路线
• mui初级入门教程（二）— html5+ webview 底部栏用法详解
• mui初级入门教程（三）— html5+ XMLHttpRequest 与mui ajax用法详解
• mui初级入门教程（四）— 再谈webview，从小白变“大神”！
• mui初级入门教程（五）— 聊聊即时通讯（IM），基于环信 web im SDK
• mui初级入门教程（六）— 模板页面实现原理及多端适配指南
• mui初级入门教程（七）— 基于native.js的文件系统管理功能实现
• HTML5+ APP页面传参详解
• mui组件通用CSS类
• 录音文件与Base64编码相互转换的方法

视频讲座

• html5+ App开发工程化实践之路
• html5+ App开发之 Android 平台离线集成 5+ SDK

demo列表

• audio：录音转dataURI,dataURI转语音文件播放
• broswer：浏览器加载网页的简单模型
• calendar：日历组件
• contenteditable：div contenteditable可编辑模式下【获得输入框键盘焦点】和【光标移动到最后】
• easemobIM：环信webim的demo
• jsonp：mui使用jsonp的演示例子
• njs-io：基于native.js的文件系统管理功能实现
• numberbox：倍率为2的范围可控的数字增减器
• oauth：判断本地是否安装客户端,进行第三方登录
• openQQ：调用qq会话
• piker：选择器
• popover：基于mui.popover的自定义弹出层
• preload：预加载注意事项
• pullrefresh-dtpiker：下拉刷新与时间选择器冲突的解决方案
• share：使用图片打开分享
• slider：加载网络图片的图片轮播
• statusbar：沉浸式状态栏
• tabbar-div-animation：div模式带动画切换的选项卡
• tabbar-webview-withleftmenu：带侧滑的webview模式的tabbar
• tabbar-with-iframe：iframe兼容处理tababr的方法
• tabbar-with-popover：解决弹出层被遮挡的问题
• tab-with-segmented-control-vertical-uprefresh：左侧选项卡-div模式增加上拉加载功能
• template：模板页面实现原理
• timeline：时间轴效果
• vue-mui：基于Vue.js的mui tabbar演示例子
• tts-param：语音合成参数设置
• cropper：头像裁剪的例子
• blueTooth：蓝牙的例子，来自网友佑佑

faq 列表

• 1.如何获取文件的数据
• 2.打开系统wifi设置页面
• 3.沉浸式状态栏设置方法
• 4.上拉刷新下拉加载的启用禁止方法
• 5.如何设置相片分辨率
• 6.如何获取手机应用列表
• 7.可折叠列表的两个问题
• 8.5+webview与android原生Activity
• 9.获取APP系统权限和打开权限设置
• 10.录音文件与Base64编码相互转换的方法
• 11.nativejs调用android原生文件管理

推荐

• 基于 MUI 构建一个具有 90 +页面的APP应用

赞赏

整理这些demo和例子，花费了不少时间精力，如果觉得对你有用，不妨赞赏一下：

参与贡献

如果你也想参与进来分享其他的例子，你可以自己建立仓库自己维护然后将地址发给我，也可以将内容分享给我进行整理，详情可以通过邮件联系我，Emaile: [email protected]。