mui-demo icon indicating copy to clipboard operation
mui-demo copied to clipboard

一个关于mui的demo仓库。

mui-demo

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

说明

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

内容分类说明:

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

博客教程

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

视频讲座

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]