成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

weex手機(jī)端安全鍵盤(pán)

szysky / 3030人閱讀

摘要：地址效果圖技術(shù)依賴框架彈出層圖標(biāo)說(shuō)明如果不想用到，可以把文件里的組件去掉，按自己的彈窗實(shí)現(xiàn)即可刪除大小寫(xiě)空格圖標(biāo)用的是如不想用請(qǐng)自行替換本項(xiàng)目是放在本地，以安卓為例密碼可見(jiàn)不可見(jiàn)圖標(biāo)按鈕用的是里的方法獲取的路徑，請(qǐng)自行替換聲明如有需要

github地址：weexSafeKeyboard

效果圖：

技術(shù)依賴：
框架：weex+vue
彈出層：weex-ui
圖標(biāo)：iconfont

說(shuō)明：
1、如果不想用到weex-ui，可以把inputkey.vue文件里的wxc-popup組件去掉，按自己的彈窗實(shí)現(xiàn)即可；
2、刪除、大小寫(xiě)、空格圖標(biāo)用的是iconfont;如不想用請(qǐng)自行替換;
本項(xiàng)目是放在本地，以安卓為例：android/app/src/main/assets/iconfont
3、密碼可見(jiàn)、不可見(jiàn)圖標(biāo)按鈕用的是common.js里的getImageUrl方法獲取的路徑，請(qǐng)自行替換

聲明：
如有需要，請(qǐng)參考實(shí)現(xiàn)的思路，消化成自己的東西，勿直接復(fù)制，會(huì)消化不良。

實(shí)際調(diào)用頁(yè)面：index.vue 代碼如下：

組件：components/inputkey.vue 代碼如下：

公用方法：common/common.js 代碼如下：

exports.bundleUrl = function (self) {
    var bundleUrl = self.$getConfig().bundleUrl;
    return bundleUrl;
};
//判斷系統(tǒng)，安卓返回"android"，ios返回"iOS",h5返回"web"
exports.androidOrIos = function (self) {
    return self.$getConfig().env.platform;
};
//獲取圖片完整路徑前綴
exports.getImageUrl = function (self) {
    var androidOrIos = this.androidOrIos(self);
    var bundleUrl = this.bundleUrl(self);
    var isHttp = bundleUrl.indexOf("http://") >= 0;
    var imageUrl;
    if (isHttp) {
        var i = bundleUrl.indexOf("/dist/");
        if (androidOrIos == "android") {
           imageUrl = bundleUrl.slice(0, i) + "/images/"; 
        } else if (androidOrIos == "iOS") {
           imageUrl = bundleUrl.slice(0, i) + "/images.bundle/"; 
        }
    } else {
        if (androidOrIos == "android") {
            imageUrl = "assets:";
        } else if (androidOrIos == "iOS") {
            var i = bundleUrl.indexOf("XDPT.app");
            //vue語(yǔ)法中讀取圖片資源放在.bundle文件中
            //不然會(huì)出現(xiàn)The requested URL was not found on this server.
            imageUrl = bundleUrl.slice(0, i + 8) + "/images.bundle/";
        }
    }
    return imageUrl;
}

//對(duì)象類型判斷，下面深，淺拷貝用 
//深淺拷貝來(lái)源百度，太懶沒(méi)自己寫(xiě)
exports.util = (function () {
    var class2type = {};
    ["Null", "Undefined", "Number", "Boolean", "String", "Object", "Function", "Array", "RegExp", "Date"].forEach(function (item) {
        class2type["[object " + item + "]"] = item.toLowerCase();
    })

    function isType(obj, type) {
        return getType(obj) === type;
    }

    function getType(obj) {
        return class2type[Object.prototype.toString.call(obj)] || "object";
    }

    return {
        isType: isType,
        getType: getType
    }
})();
//對(duì)象深，淺拷貝
exports.copy = function (obj, deep) {
    if (obj === null || typeof obj !== "object") {
        return obj;
    }
    var i, target = this.util.isType(obj, "array") ? [] : {}, value, valueType;
    for (i in obj) {
        value = obj[i];
        valueType = this.util.getType(value);
        if (deep && (valueType === "array" || valueType === "object")) {
            target[i] = this.copy(value);
        } else {
            target[i] = value;
        }
    }
    return target;
}

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107186.html

相關(guān)文章

  • 移動(dòng)端布局與適配

    摘要：實(shí)戰(zhàn)之微信錢包騰訊服務(wù)界面網(wǎng)格布局是讓開(kāi)發(fā)人員設(shè)計(jì)一個(gè)網(wǎng)格并將內(nèi)容放在這些網(wǎng)格內(nèi)。對(duì)于移動(dòng)端適配，不同的公司不同的團(tuán)隊(duì)有不同的解決方案。柵格系統(tǒng)用于處理頁(yè)面多終端適配的問(wèn)題。 grid實(shí)戰(zhàn)之微信錢包 騰訊服務(wù)界面 CSS3網(wǎng)格布局是讓開(kāi)發(fā)人員設(shè)計(jì)一個(gè)網(wǎng)格并將內(nèi)容放在這些網(wǎng)格內(nèi)。而不是使用浮動(dòng)制作一個(gè)網(wǎng)格，實(shí)際上是你將一個(gè)元素聲明為一個(gè)網(wǎng)格容器，并把元素內(nèi)容置于網(wǎng)格中。 移動(dòng)端頁(yè)面適配—...

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

  • Weex——關(guān)于移動(dòng)端動(dòng)態(tài)性的思考、實(shí)現(xiàn)和未來(lái)

    摘要：什么是動(dòng)態(tài)性今天在移動(dòng)端，尤其是像手機(jī)淘寶這樣的中，動(dòng)態(tài)性問(wèn)題逐漸成為一個(gè)比較棘手的問(wèn)題。在云端實(shí)現(xiàn)了天貓前端運(yùn)營(yíng)發(fā)布系統(tǒng)斑馬的對(duì)接，在前端開(kāi)發(fā)實(shí)現(xiàn)了主會(huì)場(chǎng)的界面模塊和業(yè)務(wù)邏輯處理，同時(shí)在客戶端上對(duì)接了手機(jī)天貓手機(jī)淘寶。 什么是動(dòng)態(tài)性 今天在移動(dòng)端，尤其是像手機(jī)淘寶這樣的 App 中，動(dòng)態(tài)性問(wèn)題逐漸成為一個(gè)比較棘手的問(wèn)題。所謂動(dòng)態(tài)性，就是把移動(dòng)應(yīng)用本身的靈活性、迭代更新的周期和成本優(yōu)化...

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

  • 整理2

    摘要：同理當(dāng)該元素為時(shí)，那么其實(shí)際就是。使用處理全部軟鍵盤(pán)事件，安卓部分可處理，但可加上的事件監(jiān)聽(tīng)軟鍵盤(pán)的打開(kāi)與關(guān)閉。當(dāng)調(diào)整瀏覽器窗口大小時(shí)，發(fā)生事件。移動(dòng)微信端調(diào)整字體，樣式亂掉的問(wèn)題。 一： ES6篇 1: 箭頭函數(shù)箭頭函數(shù)就是一種函數(shù)的簡(jiǎn)寫(xiě)形式，用 => 符號(hào)來(lái)定義，并且沒(méi)有自己的this，arguments，super或 new.target。這些函數(shù)表達(dá)式更適用于那些本來(lái)需要匿名函...

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

  • 開(kāi)源中國(guó)專訪：Chameleon原理首發(fā)，其它跨多端統(tǒng)一框架都是假的？

    摘要：中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告顯示，截至年月，我國(guó)網(wǎng)民規(guī)模達(dá)億人，微信月活億支付寶月活億百度月活億另一方面，中國(guó)手機(jī)占智能手機(jī)整體的比例超過(guò)，月活約億。在年末正式發(fā)布了面向未來(lái)的跨端的。 開(kāi)源中國(guó)專訪：Chameleon原理首發(fā)，其它跨多端統(tǒng)一框架都是假的？ 原創(chuàng)： 嘉賓-張楠 開(kāi)源中國(guó) 以往我們說(shuō)某一功能跨多端，往往是指在諸如 PC、移動(dòng)等不同類型的設(shè)備之...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<