网站首页 laravel框架

HTML5+手机APP制作全过程(第一季)

发布时间：2016-11-11 05:36查看次数：3079

手机APP制作第一季

    今天在紧张忙碌的工作中,抽出时间来做手机APP,公寓其实必先利器,

1. 工具篇
   

1. Dcloud 一个很不错的HTML5+网站 网址:http://www.dcloud.com

2. Hbuild 强大的 HTML编辑器

3. mui 手机APP框架

2.   知识储备

    1.原生JS


    2.CSS

    3.DIV

展示效果图:

   制作过程中的坑:

  1. mui() 选择器太烂,可以理解要原生才更快

  所以不要想着JQUERY里边的选择器语法,坚持用原生语法

  2.页面跳转mui.openwindos

  3.mui.AJAX 是可以跨域的

  用户对象:user

  要用对象化的写法来写客户端的 JS


  实例代码如下:

//构造一个用户对象
         

   function UserInfo() {}
            //检测用户是否登录
            UserInfo.prototype.has_login = function() {
                var toKen = localStorage.getItem('userToken');
                
                if(toKen != 'undefined') {
                      return true;
                }else{
                    return false;
                }
            }
            UserInfo.login = function(account, passwrod) {
                localStorage.setItem('userToken', myUser.toKen)
                return true;
            }
            UserInfo.logOut = function() {}

  这里涉及到的知识点

  UserInfo.login 与 UserInfo.prtotype.has_login

  用PHP语法理解 .链接的就是静态方法 statis


     prtotype  等于公开方法 public

 当前项目所以的JS 请坚持对象写法 谢谢

                                     2016年11月11日13:35:45    德玛西亚   杭州