成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

cordova+vue搭建app實(shí)踐筆記

scq000 / 1084人閱讀

摘要：實(shí)現(xiàn)對(duì)原生物理返回鍵的監(jiān)聽(tīng)獲取獲取再次返回退出自定義實(shí)現(xiàn)中效果自定義，實(shí)現(xiàn)中效果顯示文字顯示的時(shí)間長(zhǎng)度

實(shí)現(xiàn)對(duì)原生物理返回鍵的監(jiān)聽(tīng):

var exitAppTicker = 0;
  document.addEventListener("deviceready",function(){
      document.addEventListener("backbutton", function(){
        var pageUrl = window.location.href;
        var n = pageUrl.lastIndexOf("?");
        var m = pageUrl.lastIndexOf("/");
        var str = ""
        if (n > 0) {
          str = pageUrl.substring(m+1,n); //獲取pageName
        } else {
          str = pageUrl.substring(m+1); //獲取pageName
        }
        if(str == "index" || str == "" || str == "loginPhone"){
            if(exitAppTicker == 0){
                    exitAppTicker++;
                    showToast("再次返回退出", 2000)
                    setTimeout(function(){
                            exitAppTicker = 0;
                    },2000);
            }else if(exitAppTicker == 1){
              navigator.app.exitApp();
            }  
        }else{
            history.back();
        }
      }, false);
  },false);

自定義toast , js實(shí)現(xiàn)android中toast效果

/** 
   * 自定義toast，js實(shí)現(xiàn)android中toast效果
   * @param msg 顯示文字 
   * @param duration 顯示的時(shí)間長(zhǎng)度 
   */  
  function showToast(msg, duration) {
    duration = isNaN(duration) ? 2000 : duration;    
    var m = document.createElement("div");    
    m.innerHTML = msg;    
    m.style.cssText = "width:60%; min-width:150px; background:#000; opacity:0.5; height:40px; color:#fff; line-height:40px; text-align:center; border-radius:5px; position:fixed; top:70%; left:20%; z-index:999999; font-weight:bold;";    
    document.body.appendChild(m);    
    setTimeout(function() {    
        var d = 0.5;    
        m.style.webkitTransition = "-webkit-transform " + d    
                + "s ease-in, opacity " + d + "s ease-in";    
        m.style.opacity = "0";    
        setTimeout(function() {    
            document.body.removeChild(m)    
        }, d * 1000);    
    }, duration);    
  }

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/102433.html

相關(guān)文章

  • ionic4+vue+cordova開(kāi)發(fā)混合應(yīng)用

    摘要：摘要是可以讓我們使用開(kāi)發(fā)即使來(lái)移動(dòng)應(yīng)用的框架。如果你熟悉可以直接使用開(kāi)發(fā)，但如果你熟悉使用或并且也想使用，可以使用版本，本文就以來(lái)說(shuō)明這兩者如何結(jié)合使用。除此之外還引入和來(lái)對(duì)把我們代碼打包成安卓或應(yīng)用。。 摘要 ionic是可以讓我們使用web開(kāi)發(fā)即使來(lái)移動(dòng)應(yīng)用的框架。ionic4之前，ionic只能和angular搭配使用，ionic4后把ionic抽離成四個(gè)版本，@ionic/co...

    Yujiaao 評(píng)論0 收藏0

  • 指尖前端重構(gòu)（React）技術(shù)調(diào)研分析

    摘要：一為什么選擇是當(dāng)前前端應(yīng)用最廣泛的框架。目前來(lái)看的生態(tài)系統(tǒng)要比大的多，在等最大的技術(shù)社區(qū)搜索兩者，的搜索結(jié)果是的十倍左右，另外據(jù)近期統(tǒng)計(jì)使用的站點(diǎn)是的幾百倍以上。其中是基于技術(shù)，依然是瀏覽器應(yīng)用。 一、為什么選擇React React是當(dāng)前前端應(yīng)用最廣泛的框架。三大SPA框架 Angular、React、Vue比較。 Angular出現(xiàn)最早，但其在原理上并沒(méi)有React創(chuàng)新的性能優(yōu)化...

    AlphaWallet 評(píng)論0 收藏0

  • 用cordova+vue-cli 打包成 android apk 過(guò)程和路徑問(wèn)題

    摘要：簡(jiǎn)介最近用框架寫(xiě)安卓版，本來(lái)打算用打包成文件即可，但發(fā)現(xiàn)配置起來(lái)復(fù)雜，還不如自己搭建環(huán)境，用工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問(wèn)題及解決。 簡(jiǎn)介：最近用vue-cli框架寫(xiě)安卓版APP，本來(lái)打算用Hbuilder打包成.apk文件即可，但發(fā)現(xiàn)配置起來(lái)復(fù)雜，還不如自己搭建環(huán)境，用cordova工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問(wèn)題及解決。一、打包過(guò)程首先要有node環(huán)境，然后...

    LucasTwilight 評(píng)論0 收藏0

  • 用cordova+vue-cli 打包成 android apk 過(guò)程和路徑問(wèn)題

    摘要：簡(jiǎn)介最近用框架寫(xiě)安卓版，本來(lái)打算用打包成文件即可，但發(fā)現(xiàn)配置起來(lái)復(fù)雜，還不如自己搭建環(huán)境，用工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問(wèn)題及解決。 簡(jiǎn)介：最近用vue-cli框架寫(xiě)安卓版APP，本來(lái)打算用Hbuilder打包成.apk文件即可，但發(fā)現(xiàn)配置起來(lái)復(fù)雜，還不如自己搭建環(huán)境，用cordova工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問(wèn)題及解決。一、打包過(guò)程首先要有node環(huán)境，然后...

    Forest10 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<