[webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01

前言

我们在构建一个APP时,少不了APP运行前的开机引导图,现在来详细介绍一下MUI框架关于这一操作的详细步骤!

原理

如果用户第一次下载使用该软件,就显示引导图;如果非第一次使用,则跳过这一步.

效果

在正式介绍之前首先要明白几个概念

概念1 页面初始化

1.mui.plusReady()方法

语法:mui.plusReady(function);
参数:是函数

在app开发中，若要使用[HTML5+扩展api](http://www.html5plus.org/doc/h5p.html)，必须等plusready事件发生后才能正常使用，mui将该事件封装成了mui.plusReady()方法，涉及到HTML5+的api，建议都写在mui.plusReady方法中.

例如,获取当前网页的URL:

mui.plusReady(function(){
     console.log("当前页面URL："+plus