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编码相互转换的方法
视频讲座
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原生文件管理
推荐
赞赏
整理这些demo和例子，花费了不少时间精力，如果觉得对你有用，不妨赞赏一下：
参与贡献
如果你也想参与进来分享其他的例子，你可以自己建立仓库自己维护然后将地址发给我，也可以将内容分享给我进行整理，详情可以通过邮件联系我，Emaile: [email protected]。