记录app第一次开发过程

主要记录一些自己开发过程中遇到的明白或者不明白的问题。

1.对于移动端自适应各种终端的解决方案较多，rem适配个人感觉相对nice。简单介绍下rem：
rem就是以html根元素的字体大小为参考，比如html:font-size:20px;1rem=20px;2rem=40px.....，因为移动端的屏幕特殊之处，主要是不同类型手机像素比dpr的不同，所以不能直接使用px来进行设置元素的尺寸，所以自己在开发过程中要不就边做编辑算(我通常设置成100px，这样子好计算，比如20px就可以设置成0.2rem)，或者引入一个可以兼容各种尺寸的解决方案，rem便是很好的一个，而对于rem的设置，我们是通过javaScript动态来设置，通过获取设备屏幕的宽度来计算。

(function() {
    var html = document.documentElement;
    var width = html.getBoundingClientRect().width;
    html.style.fontSize = width / 15 + 'px';//至于除数15可自行设置
    //1rem=50;
})

2.plus Api就是指的调用手机功能的api，比如拍照，地图，按键，通讯之类的。
plusReady：对于 HTML5+应用的页面有一个很重要的 “plusready”事件，此事件会在页面加载后自动触发，表示所有 HTML5+ API 可以使用， 在此事件触发之前不能调用 HTML5+ API
3.当然在app开过程中使用了mui框架作为css，js的渲染框架亦可：此时任然需要用到mui.init()初始化框架的
并且mui框架将很多功能配置都集中在mui.init方法中，所以只需要在mui.init方法中完成对应参数配置即可
目前支持在mui.init方法中配置的功能包括：创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。
无论做wap网页，还是app开发，只要需要用到mui框架，都需要mui.init初始化框架功能，而plusready仅仅在app开发中使用。
每个用到mui的页面都调用下mui.init，直接放在js最前方。
4.沉浸式状态栏：

5.每个用到mui的页面都调用下mui.init，直接放在js最前方；
除了function定义之外全都写在plusReady之中，function调用也放在其中，毕竟做app开发调用html5+api十分的频繁，就像jq的$(document).ready()一样的道理，尤其是出现plus.的一定放在plusReady里面！
plusReady注点意：plusReady事件仅在webview首次创建时触发，使用mui.openWindow方法多次打开已存在的同样id的webview时，是不会重复触发plusReady事件的； 因此若业务写在plusReady事件中，可能会出现执行结果和预期不一致的情况；此时可通过自定义事件触发。如果没有触发plusRead可能是因为在浏览器中运行。

持续更新