HBuilder完成webApp入门(1)

时间:2021-09-17 13:59:26

一、什么是HTML5
HTML5并不是一门编程语言,也不是一个工具,它只是HTML的升级版本。简单的说,HTML5其实就是新的页面标签库。

但是如果仅仅如此,那么HTML5就没有出现的必要了。所以,HTML5除了新的标签以外,还包括了很多其他新的东西,如画布,视频和音频的播放,本地存储等等。
这里有HTML5详细教程,初学者可以一看: http://www.w3school.com.cn/html5/index.asp

二、学了HTML5标签,就完事了么?
如果你仅仅学会了标签,那么和普通的网页没什么区别。那怎么才能发挥HTML5的优势? 答案就是你需要掌握 javascript。HTML5中新鲜玩意:画布,本地存储等,都需要用javascript 来操作才玩得转。

三、掌握上面两个,我就可以做移动开发了?
没错,掌握上面两个,你就可以做一个HTML5的网站了---是网站,不是APP。
你可以使用HTML5做动画效果,做好看的报表,在本地存储数据等等。
利用javascript, HTML5就好像一个富客户端的平台,看你去如何利用它的特性了 但是,请记住,你做的只是一个网站。也就是说,你必须在浏览器中访问它才行。关掉浏览器,你的应用也就结束了。这和安装在我们手机里的APP程序是有本质区别的。如此WebApp就来了

四、什么是WebApp?
举个例子吧,易企秀是可以制作H5页面的,制作出来的H5页面就是移动端web;如果可以把这个H5页面打包成app,那就是webapp。本质上都是web,都是利用html、css、js构建的网站,不同的是,webapp利用框架技术等让你有了在使用App的感觉(比如页面不跳转刷新等)

五、如何去做一个WebApp
这方面做的最好的是 HBuilder,http://www.dcloud.io/ ,使用它,你可以使用HTML5快速地创建APP应用程序。

六、什么是HBuilder
它的网站:http://dcloud.io/

如果单从上面的页面来看,它就是一个开发工具,包含了javascript以及HTML的语法,你用它写web程序的时候,它会给你自动提示或者补全。从工具的角度来说,这个东西确实不错,谁能全记住那些关键词呢?但其实,工具只是它的一小部分而已。进入它的文档部分:http://ask.dcloud.net.cn/docs会发现里面很多项目。下面主要说说这些文档的阅读方式。
HBuilder
进入这个项目中,会看到“入门”,“代码提示”等项目。
这个项目主要介绍的就是HBuilder这个工具怎么用。重要程度基本上和“Eclipse怎么用”差不多。建议看一看。

七、什么是HTML5+
HBuilder所在的组织(公司),制定了HTML5+规范,然后第一个实现了这个规范,这就是HBuilder的核心。HTML5+,它已经可以让web应用变得几乎和原生应用一样快了这个标准的详细内容请访问 http://www.html5plus.org/doc/h5p.html

先介绍这些,具体webApp实现内容见下一篇^ ^