Einige gängige öffentliche JS-Methoden, die in Uniapp verwendet werden

Mit der kontinuierlichen Weiterentwicklung der Front-End-Entwicklung entscheiden sich immer mehr Entwickler für die Verwendung von Uniapp zur Entwicklung plattformübergreifender Anwendungen. uniapp ist eine auf dem Vue.js-Framework basierende Entwicklungsplattform, mit der schnell Anwendungen erstellt werden können, die auf mehreren Plattformen gleichzeitig ausgeführt werden müssen. In diesem Fall ist die Verwendung öffentlicher JS-Methoden eine effektive Möglichkeit, die Wiederverwendung von Code zu erreichen und die Entwicklungseffizienz zu verbessern. In diesem Artikel werden einige gängige öffentliche JS-Methoden vorgestellt, die in Uniapp verwendet werden.

1. Seitenparameter abrufen

In uniapp können wir die Parameter der aktuellen Seite einfach über die Methode uni.getStorageSync(key) abrufen. Wenn wir beispielsweise die Seiten-ID erhalten möchten, können wir dies über den folgenden Code tun:

const query = this.$mp.page.options;
const id = query.id;

Hier stellt this.$mp.page.options die Sammlung aktueller Seitenparameter dar, wobei query.id der ID-Wert in ist Der Parameter. Auf diese Weise können wir bequem den Wert jedes Parameters auf der Seite ermitteln.

2. Methoden zur Vermeidung von Jitter

Auf einigen Seiten mit komplexen Funktionen lösen viele Vorgänge Ereignisse aus. Wenn Benutzer häufig klicken, führt dies zu Dateninstabilität. Zu diesem Zeitpunkt können wir die Methode zur Vermeidung von Jitter verwenden, um dieses Problem zu lösen. Anti-Shake bedeutet, dass mehrere Aufrufe derselben Funktion innerhalb eines bestimmten Zeitraums nur einmal ausgeführt werden. Normalerweise verwenden wir dazu einen Timer. Wie unten gezeigt:

var timer=null;
function debounce(fn,time){
    if(timer!=null){
        clearTimeout(timer)
    }

    timer=setTimeout(function(){
        fn()
    },time)
}

调用：

debounce(function(){
    console.log('防抖成功')
},1000)

Im obigen Code besteht die Funktion der Entprellungsmethode darin, zu verhindern, dass diese Funktion in einem kurzen Zeitraum mehrmals ausgeführt wird. Wenn die Funktion aufgerufen wird, ist dies der Fall Unabhängig davon, wie oft sie innerhalb von Wartemillisekunden aufgerufen wird, wird sie ausgeführt. Diese Funktion wird nur einmal ausgeführt.

3. Erhalten Sie den entsprechenden Wert im Objekt basierend auf dem Schlüsselwert.

In einigen Szenarien, in denen komplexe Datenstrukturen verarbeitet werden müssen, besteht normalerweise die Notwendigkeit, den entsprechenden Wert im Objekt basierend auf dem Schlüsselwert abzurufen. Zum Beispiel das folgende Array:

let arr = [
    { name: '张三', age: 18 },
    { name: '李四', age: 19 },
    { name: '王五', age: 20 }
]

Wenn Sie den Alterswert des Objekts namens Li Si erhalten möchten, können Sie den folgenden Code verwenden:

function findValue(arr, key, value) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i][key] == value) {
            return arr[i]
        }
    }
    return null
}

var result = findValue(arr,'name','李四')
console.log(result.age) // 19

Im obigen Code besteht die Funktion der findValue-Methode darin, das zu finden Objekt, das die Bedingungen im Array erfüllt, und geben Sie dieses Objekt zurück. Dabei ist arr ein Array, key der Attributname innerhalb des Array-Elements und value der zu findende Attributwert.

4. Bestimmen Sie den Variablentyp

In einigen Datenverarbeitungsszenarien müssen wir den Typ der Variablen bestimmen, um mit dem nächsten Schritt fortzufahren. Die Methode typeof in JavaScript kann leicht den Typ einer Variablen ermitteln:

console.log(typeof 'uniapp') // string
console.log(typeof true) // boolean
console.log(typeof 1) // number
console.log(typeof undefined) // undefined
console.log(typeof null) // object
console.log(typeof {}) // object
console.log(typeof []) // object
console.log(typeof function() {}) // function

Es ​​ist zu beachten, dass das Ergebnis von typeof null „Objekt“ ist, was ein historisches Problem von JavaScript darstellt.

Zusammenfassend lässt sich sagen, dass die oben genannten vier öffentlichen JS-Methoden häufig in der Uniapp-Entwicklung verwendet werden, was die Entwicklungseffizienz erheblich verbessern kann. Ich hoffe, dieser Artikel kann für Sie hilfreich sein.

Das obige ist der detaillierte Inhalt vonEinige gängige öffentliche JS-Methoden, die in Uniapp verwendet werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!