MUI开发初学demo

# mui-demo mui——最接近原生APP体验的高性能前端框架，是基于html5plus(简称5+或html5+)的一个UI框架。[【MUI从入门到精通】](https://segmentfault.com/blog/mui) —— [小青年](http://zhaomenghuan.github.io/) ## 说明 本仓库会收集mui一系列demo，欢迎各位fork and push。 - 专栏地址：https://segmentfault.com/blog/mui - demo地址：https://github.com/zhaomenghuan/mui-demo.git 内容分类说明： - example：文件夹下存放mui相关demo - screenshot：文件夹下存放demo截图 - mui系列教程源码：文件夹下存放教程源码 - doc：文件夹下存放一下技巧和细节 ## demo列表（example文件夹下） - [easemobIM](https://rawgit.com/zhaomenghuan/mui-demo/master/example/easemobIM/index.html): 环信webim的demo - [tabbar-div-animation](https://rawgit.com/zhaomenghuan/mui-demo/master/example/tabbar-div-animation/index.html): div模式带动画切换的选项卡 - [tabbar-with-popover](https://rawgit.com/zhaomenghuan/mui-demo/master/example/tabbar-with-popover/main.html)：解决弹出层被遮挡的问题 - [timeline](https://rawgit.com/zhaomenghuan/mui-demo/master/example/timeline/timeline.html)：时间轴效果 - [numberbox](https://rawgit.com/zhaomenghuan/mui-demo/master/example/numberbox/index.html)：倍率为2的范围可控的数字增减器 - [popover-control-byjs](https://rawgit.com/zhaomenghuan/mui-demo/master/example/popover-control-byjs/index.html)：js控制的popover - [slider](https://rawgit.com/zhaomenghuan/mui-demo/master/example/slider/index.html)：加载网络图片的图片轮播 - [share](https://rawgit.com/zhaomenghuan/mui-demo/master/example/share/index.html): 使用图片打开分享 - [piker](https://rawgit.com/zhaomenghuan/mui-demo/master/example/piker/index.html): 选择器 - [preload](https://rawgit.com/zhaomenghuan/mui-demo/master/example/preload/index.html)：预加载注意事项 - [tabbar-webview-withleftmenu](https://rawgit.com/zhaomenghuan/mui-demo/master/example/tabbar-webview-withleftmenu/main.html): 带侧滑的webview模式的tabbar - [vue-mui](https://rawgit.com/zhaomenghuan/mui-demo/master/example/vue-mui/index.html): 基于Vue.js的mui tabbar演示例子 - [Statusbar](https://rawgit.com/zhaomenghuan/mui-demo/master/example/Statusbar/index.html)：沉浸式状态栏 - [tab-with-segmented-control-vertical-uprefresh](https://rawgit.com/zhaomenghuan/mui-demo/master/example/tab-with-segmented-control-vertical-uprefresh/index.html)：左侧选项卡-div模式增加上拉加载功能 - [contenteditable](https://rawgit.com/zhaomenghuan/mui-demo/master/example/contenteditable/index.html)：div contenteditable可编辑模式下【获得输入框键盘焦点】和【光标移动到最后】 - [pullrefresh-dtpiker](https://rawgit.com/zhaomenghuan/mui-demo/master/example/pullrefresh-dtpiker/index.html)：下拉刷新与时间选择器冲突的解决方案 - [calendar](https://rawgit.com/zhaomenghuan/mui-demo/master/example/calendar/index.html)：日历组件 - [template](https://rawgit.com/zhaomenghuan/mui-demo/master/example/template/index.html)：模板页面实现原理 - [tabbar-with-iframe](https://rawgit.com/zhaomenghuan/mui-demo/master/example/tabbar-with-iframe/tab-webview-main.html) iframe兼容处理tababr的方法 - [njs-io](https://rawgit.com/zhaomenghuan/mui-demo/master/example/njs-io/index.html)：基于native.js的文件系统管理功能实现 - [oauth](https://rawgit.com/zhaomenghuan/mui-demo/master/example/oauth/index.html)：判断本地是否安装客户端,进行第三方登录 - [Audio](https://rawgit.com/zhaomenghuan/mui-demo/master/example/Audio/index.html): 录音转dataURI,dataURI转语音文件播放