教你在五分钟构建一个App页面

前言

最近参加学校比赛，由于业务需求要做一个App，当时心想我不是web开发的吗?App跟我有啥关系？而且之前也没去了解相关的东西，当时很慌啊队友还说上一次某某某三天就出了个App，我..... 怀着忐忑的心情上度娘”app怎么开发“，发现常用的语言有java，html5，css3，javascript等等。博主是学PHP的且对安卓，java一窍不通。后来了解到App其实是有三种类型 原生应用程序（Native App）,混合应用程序（Hybrid App），Web版APP （Web App）

对于他们的区别，百度百科给出如下解释

Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。
WebApp是指基于Web的系统和运用，其作用是向广大的最终用户发布一组复杂的内容和功能。
Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“Native App良好的用户交互体验的优势”和“Web App跨平台开发的优势”。

由于篇幅的原因，对于它们三者的详细区别这里就不在阐述，想了解更多可参照这篇文章

博主今天给大家带来的是WebApp的开发，在此之前请确保你对HTML5,CSS3,JavaScript有一定的了解。我们知道，网页响应式开发常用的框架是Bootstrap，但对应移动App的开发我们就没有必要使用Bootstrap了，因为它好多样式也是争对网页，用他来开发移动app显得有点重了。

这里给大家推荐一款专门争对移动app开发的框架----mui 什么是mui 他官网上是这样说的”最接近原生APP体验的高性能前端框架“。开发移动app的框架有很多，既然他敢这么说肯定有一定的实力这里我总结了三个使用mui的理由简，快，易。简