赵梦欢
赵梦欢
  • 发布:2016-07-26 20:34
  • 更新:2020-06-07 13:24
  • 阅读:59521

MUI从入门到精通系列汇总

分类:MUI

mui初级入门系列教程

mui初级入门教程(一)— 小白入手mui的学习路线
mui初级入门教程(二)— html5+ webview 底部栏用法详解
mui初级入门教程(三)— html5+ XMLHttpRequest 与mui ajax用法详解
mui初级入门教程(四)— 再谈webview,从小白变“大神”!
mui初级入门教程(五)— 聊聊即时通讯(IM),基于环信 web im SDK
mui初级入门教程(六)— 模板页面实现原理及多端适配指南
mui初级入门教程(七)— 基于native.js的文件系统管理功能实现

mui-demo 仓库

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

mui文档番外版

mui组件通用CSS类
mui组件自定义样式
grid(栅格系统)
页面传参
template(模板页面)
input(输入表单)
文件IO

开发常见问题

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

DOM操作简化版

https://github.com/zhaomenghuan/mjs

31 关注 分享
lhyh 好冷 忘语忘行 Trust 紫苏 若末lan d***@163.com d***@sinnbo.com f***@clovef.com 雪之梦技术驿站 w***@qq.com Legion ali 可苦可乐 老哥教教我 唐糖 7***@qq.com 有点晕 我是一个字符串 ahtl_yy Zane 1***@qq.com f***@qq.com Warn Youg Tony_H5 6***@qq.com MR不靠谱 优乐美 墨也 115

要回复文章请先登录注册

丁丁尼

丁丁尼

mark
2016-08-09 16:46
若末lan

若末lan

回复 赵梦欢 :
亲,你看了没?~
2016-08-01 09:54
赵梦欢

赵梦欢 (作者)

回复 l***@qq.com :
首先第一个问题,在plusReady中使用mui.preload或者plus.webview.create方法不会阻塞进程,而且涉及plus的方法,必须写在plusReady中或者之后,如果plusReady初始化没有完成,运行plus就会报错。setTimeout时间这个不易太长,根据不同业务场景可能值不等,不知道你这里具体指哪一块;不建议多级父子页面,二级页面和三级页面推荐使用模板页面,https://segmentfault.com/a/1190000006077506
2016-07-29 10:25
l***@qq.com

l***@qq.com

回复 赵梦欢 :
嗯,这篇文章我之前看过的,一下没想起来。要求“点击子页面要弹出一个picker来供选择,如果从子页面弹出picker则它不是从最底下弹出来的,因此最好从父页面弹出,但是会被子页面挡住”。之前我就想用一个webview专门弹出菜单的,但是觉得要多一个窗口会有性能问题,现在想来也并没有更好的办法了。但是这样一写,又要处理子页面和弹出菜单页面之间的双向数据相互,感觉把逻辑变复杂了。接触Hbuilder一周了,我就是看你的教程开始学的,这里再感谢一下。感觉官方文档写的太粗略了,HelloMUI中的东西都比文档多。继续在这里问几个问题,希望能解答一下:
1。mui.init中的预加载是异步方式,那么在plusReady中使用mui.preload或者plus.webview.create方法会阻塞进程吗?看了mui.js,preload对create方法封装得很复杂,加上init,更推荐哪种呢?官方的例子提到过延迟加载以防抢占资源,因此使用了setTimeout,这个时间如何把握呢?
2。在第1个问题上组织了一下语言,然后其它问题我就忘记想问什么了……临时又想起一个,最近用这个来做app,设计是底部有4个选项卡,我准备用1个父页面框架固定导航栏和选项卡,4个子页面对应每个选项卡的内容,但是在每个子页面中可能也会打开若干个页面(多级父子页面???)……这种情况下用父子页面适合吗?暂时就问这些。。。
2016-07-28 22:02
赵梦欢

赵梦欢 (作者)

回复 l***@qq.com :
子页面点击按钮,为什么要让这个从父页面出来?先看看这篇文章吧:https://segmentfault.com/a/1190000005651279
2016-07-28 15:35
l***@qq.com

l***@qq.com

感谢分享,顺便咨询一个问题。关于父子webview的PopPicker问题,父页面有导航栏和选项卡(类似于你的网易云音乐app的界面),现要求在子页面点击某按钮弹出一个picker,这个picker要从父页面弹出来(因为想从最底部弹出,而不是在底部选项卡上面弹出),但是弹出来会被子webview挡住,需要怎么处理呢? 感激不尽。。。
2016-07-28 15:28
若末lan

若末lan

回复 赵梦欢 :
嗯嗯
2016-07-28 14:51
赵梦欢

赵梦欢 (作者)

回复 若末lan :
稍等,这个待会儿看看。
2016-07-28 14:42
若末lan

若末lan

tabbar-webview-withleftmenu: 带侧滑的webview模式的tabbar,在手机上运行这个的时候,手机自带的返回会让它黑屏,怎么回事呀
2016-07-28 14:35
赵梦欢

赵梦欢 (作者)

回复 好冷 :
客气了,大家一起分享起来吧!
2016-07-27 09:55