mui——最接近原生APP体验的高性能前端框架,是基于html5plus(简称5+或html5+)的一个UI框架。
本仓库会记录自己学习MUI开发的过程,欢迎各位fork and push。
- Dcloud官网:http://dcloud.io/
- Dcloud问答社区:http://ask.dcloud.net.cn/
- Dcloud文档汇总地址:http://ask.dcloud.net.cn/docs/
- Hello mui线上演示地址:http://www.dcloud.io/hellomui/index.html
- 官方入门文档(强烈推荐阅读):
- 案例汇总:http://dcloud.io/case/
- github地址:https://github.com/dcloudio/
- 开源项目地址:https://github.com/dcloudio/c...
- html5+官网文档:http://www.html5plus.org/doc/
- mui文档:http://dev.dcloud.net.cn/mui/ui/
- 5+ App开发Native.js入门指南:http://ask.dcloud.net.cn/arti...
- Native.js示例汇总:http://ask.dcloud.net.cn/arti...
- 流应用开发指南:http://ask.dcloud.net.cn/arti...
- 0Hich的网校视频
- 东翌学院视频
- 51CTO学院-张伟芝老师视频
- 猿团视频
- E家课堂视频
- 网友YanRong的心得
- 滴石App开发者的心得
- 小青年博客
- hCoder视频教程网——MUI前端框架开发教程
- hCoder视频教程网——HTML5+开发教程
- hCoder视频教程网——MUI前端框架开发教程
- mui-demo
性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。 mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。
同时自己利用业余时间,希望从这个学习开始能让自己最后在跨平台开发的路上越走越远。根据自己的合理安排,希望自己能用10天的时间能完全掌握MUI框架的使用,能独立开发一款DEMO APP!.如果想成为一个全栈工程师还是应该要好好学习js,后续出一个js学习计划,合理安排时间,最后能结合MUI等框架实现移动端,web等的跨平台开发。
- 基础知识
- 进阶知识
- demo app 解析拆分
- 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:蓝牙的例子,来自网友佑佑
- 仿APP开发
- 36Kr 手机app开发 基于html5的手机app的开发。本项目以36Kr为原型,使用了mui框架,以IOS7为基础的极简设计,实现了常见的侧边栏菜单、可以滑动的导航、上拉加载、下拉刷新、侧滑删除、图片轮播等常见的移动端效果。
- MonitorCenter
- MUI-VUE
- Android端源码分析
- 遗留问题解决
因为以前断断续续的学习了一些基础知识,这次就直接从APP拆分开始,从example中学习基础知识的应用,在拆分demo的时候要通过不断查找资料,最后能达到熟练掌握基础知识的目的
- 总结文档
- MUI框架的优势、劣势、以及改进的地方
- 仿开源中国APP开发
- 能完成复杂APP的开发
- 1个月