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

資訊專欄INFORMATION COLUMN

weex手機端安全鍵盤

szysky / 3077人閱讀

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

github地址：weexSafeKeyboard

效果圖：

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

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

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

實際調(diào)用頁面：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語法中讀取圖片資源放在.bundle文件中
            //不然會出現(xiàn)The requested URL was not found on this server.
            imageUrl = bundleUrl.slice(0, i + 8) + "/images.bundle/";
        }
    }
    return imageUrl;
}

//對象類型判斷，下面深，淺拷貝用 
//深淺拷貝來源百度，太懶沒自己寫
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
    }
})();
//對象深，淺拷貝
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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

  • 移動端布局與適配

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

    Clect 評論0 收藏0

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

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

    heartFollower 評論0 收藏0

  • 整理2

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

    CKJOKER 評論0 收藏0

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

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

    GraphQuery 評論0 收藏0

發(fā)表評論

0條評論

szysky

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<