移动端总结

一、框架选择

基本要求：JavaScript、Jquery、Ajax、JSON、HTML5、CSS3、Iconfont

升级要求：ES6、Webpack、Vue 

三、开发

1、设计稿转静态

    1.1、rem布局（建议）   参考网址：flexible网址   美团web、小米web均用rem

           A、 其中可以除1px外全部使用rem

           B、 或者使用除1像素和字体外用rem两种方法，字体用链接文中data-dpr方式

            用Subline-text或者Hbuilder编辑器开发需要添加css-rem插件，方便px转为rem（下载安装插件方法自行百度or git）

    1.2、 响应式字体做法

 

2、处理数据交互 Ajax

    2.1、熟悉原生Ajax请求五步骤 

        a、创建对象xhr ->

        b、xhr.open(method,url,true) ->

        c、xhr.send() ->

        d、xhr.onreadystatachange   ->

        e、readystaus = 4（0到4） -> status = 200

    2.2、熟悉Jq版本Ajax请求方式

        $.ajax({
                    url: myUrl,
                    type: 'get',
                    dataType: 'json',
                    success: function (data, status) {
                        console.log(data)
                    }
                  fail: function (err, status) {
                    console.log(err)
                  }
            })

 

三、测试

    不同手机端测试、特别测试苹果手机

 

 

四、打包

    开发完毕打包

    1、webpack打包方法

    2、vue 打包方法 npm run build        扔打包后的文件给后台ok

 

五、后期维护

    项目上线后继续测试、持续跟进