初识跨平台APP
2016-11-16 本文已影响72人
tiGress
相对于原生态APP开发,跨平台APP有着无比的优越性。原生态APP开发,学习难度高,开发周期长,后期维护麻烦。然而跨平台开发,写一套代码可以多端适配,可以上传到安卓应用商店和APPstore。具有学习难度低,开发周期短,后期维护方便,效率高等优点.
跨平台app开发需要掌握的知识?
html css js -->开发网站前端界面+APP UI
开发工具:HBuilder 开发使用的封装好的js CastAPP.js
学习步骤:
1.打开Builder

选择创建移动APP项目,然后填写项目名称。

创建项目完成后会在目录中看到js ,css 的默认创建的文件夹。

然后我们的项目就创建好了。我们引入三方的一个js ,castAPP.js
使用快捷键 mheader 加上回车键,然后就速创建头部导航。

效果如图所示;

类似导航栏底部的效果如图代码:

效果如图:

一个框架就搭建好了。