Dcloud课程3 什么是HBuilder和MUI

Dcloud课程3  什么是HBuilder和MUI

一、总结

一句话总结：DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。最大的特点是快。MUI是高性能App的框架，也是目前最接近原生App效果的框架。

1、MUI优势？

1、基于jq的jqmobile，性能低的无法忍受
2、基于angular的ionic，都把pc端很重的东
西引入到移动App中。angularjs本身设计是为了
pc端网页的双向数据绑定，做个移动App干嘛用这
么重的东西。
3、bootstrap这种响应式设计，性能在低端
机不足，而且UI风格一看就是网页，不是App的感
觉。
4、framework7只能在iPhone上运行也无法
被接受。

二、什么是HBuilder和MUI

什么是HBuilder？

DCloud（数字天堂）推出一款支持HTML5的
Web开发IDE。
官网： http://dcloud.io/

HBuilder的特点？

“快，是HBuilder的最大优势，通过完整的语
法提示和代码输入法、代码块
很多配套，能大幅提升HTML、js、css的开发效
率。”
1.同时兼容Eclipse插件和Ruby Bundle。
2.HBuilder的编写用到了Java、C、Web和Ruby。
3.HBuilder本身主体是由Java编写，它基于
Eclipse。
4.代码输入法：一个数字键，少敲10个按键；
5.代码块：一个代码块，少敲50个按键；
6.模糊匹配：跳着敲字母就能匹配到单词；
7.内置emmet，tab一下生成一串代码；

HBuilder的使用？

1、HBuilder的基本界面使用介绍
2、语法快捷键介绍
3、介绍HBuilder内置的Emmet

Emmet语法
• 语法缩写
• 下级元素命令：>
• 同级元素命令：+
• 上级元素命令：^
• 分组命令：()
• 乘法命令：*
• 自增符号：$
• ID和类属性
• 自定义属性文本：{}
• 隐式标签
• HTML
• 所有未知的缩写都会转换成标签

实例：

开发一个手机app，简单了解HBuilder的
工作原理，及HBuilder的简单使用。

什么是MUI？

MUI 是一个轻量级的 HTML、CSS 和 JS 框
架，遵循 Google 的 Material Design 设计思路。
MUI是高性能App的框架，也是目前最接近
原生App效果的框架。

MUI优势？

1、基于jq的jqmobile，性能低的无法忍受
2、基于angular的ionic，都把pc端很重的东
西引入到移动App中。angularjs本身设计是为了
pc端网页的双向数据绑定，做个移动App干嘛用这
么重的东西。
3、bootstrap这种响应式设计，性能在低端
机不足，而且UI风格一看就是网页，不是App的感
觉。
4、framework7只能在iPhone上运行也无法
被接受。