hbuilder这点事

公司要开发oa管理系统对应的手机端应用。此处使用hbuilder进行开发，在我浅薄的了解后发现hbuilder确实适合快速开发app。和以往需求不同的是，我们即将要开发的app页面样式是定制化的这就意味着mui对我们的作用不大。

之前在校期间接触过wex5，与hbuilder相比较不难发现wex5更灵活些。

hbuilder最大的优点应该是强大的js解析引擎了。

开始学习hbuilder：

第一条知识点线记录使用hbuilder开发的流程

1.了解hbuilder菜单栏工具栏且熟悉hbuilder入门教程后新建移动app

依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))

2.了解hbuilder已经提供模板，此处使用mui登录模板

3.了解hbuilder项目结构（样式/js/font/ima/libs/页面）

就登录模板对hbuilder展开深层次的认识：

准备工作：使用手机进行调试  （自行安装sdk），手机运行后进行调试

登录页面：关键之处js部分

涉及功能：账号密码长度判断、注册注册账号、忘记密码、自动登录、登录

和常用js不同之处：

(function($, doc) {}(mui, document));//页面加载完成后执行

$.init({ });       //初始化

$.plusReady(function() {})//准备工作

plus.screen.lockOrientation("portrait-primary");

var state = app.getState();
var mainPage = $.preload({      //通过json格式定义登录成功后要跳转页面
"id": 'main',
"url": 'main.html'
});
var main_loaded_flag = false; //声明变量用于判断页面中load事件是否触发
mainPage.addEventListener("loaded",function () {   
main_loaded_flag = true;
});
var toMain = function() { //登录成功后跳转页面