移動端總結

一、框架選擇

基本要求：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

 

五、後期維護

    項目上線後繼續測試、持續跟進