Beberapa kaedah js awam yang biasa digunakan dalam uniapp

Dengan pembangunan berterusan pembangunan bahagian hadapan, semakin ramai pembangun memilih untuk menggunakan uniapp untuk membangunkan aplikasi merentas platform. uniapp ialah platform pembangunan berdasarkan rangka kerja Vue.js, yang boleh mencipta aplikasi dengan pantas yang perlu dijalankan pada berbilang platform pada masa yang sama. Dalam kes ini, menggunakan kaedah js awam ialah cara yang berkesan untuk mencapai penggunaan semula kod dan meningkatkan kecekapan pembangunan. Artikel ini akan memperkenalkan beberapa kaedah js awam biasa yang digunakan dalam uniapp.

1. Dapatkan parameter halaman

Dalam uniapp, kita boleh mendapatkan parameter halaman semasa dengan mudah melalui kaedah uni.getStorageSync(key). Contohnya, jika kita ingin mendapatkan ID halaman, kita boleh melakukannya melalui kod berikut:

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

Di sini this.$mp.page.options mewakili koleksi parameter halaman semasa, di mana pertanyaan. id ialah nilai id dalam parameter, Dengan cara ini kita boleh mendapatkan nilai mana-mana parameter dalam halaman dengan mudah.

2. Kaedah untuk mengelakkan kegelisahan

Dalam sesetengah halaman dengan fungsi yang kompleks, banyak operasi akan mencetuskan peristiwa Jika pengguna mengklik dengan kerap, ia akan menyebabkan ketidakstabilan data. Pada masa ini, kita boleh menggunakan kaedah mencegah jitter untuk menyelesaikan masalah ini. Anti-goncang bermaksud bahawa berbilang panggilan ke fungsi yang sama dilaksanakan sekali sahaja dalam tempoh masa Biasanya kami menggunakan pemasa untuk mencapai ini. Seperti yang ditunjukkan di bawah:

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

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

调用：

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

Dalam kod di atas, fungsi kaedah nyahlantun adalah untuk menghalang fungsi ini daripada dilaksanakan beberapa kali dalam tempoh masa yang singkat ialah nilai tetingkap masa yang ditetapkan fungsi dipanggil, tunggu dalam milisaat Tidak kira berapa kali ia dipanggil, fungsi hanya akan dilaksanakan sekali.

3 Dapatkan nilai yang sepadan dalam objek berdasarkan nilai kunci

Dalam beberapa senario di mana struktur data yang kompleks perlu diproses, kita biasanya menghadapi keperluan untuk mendapatkan nilai yang sepadan dalam objek berdasarkan keperluan nilai utama. Contohnya, tatasusunan berikut:

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

Jika anda ingin mendapatkan nilai umur objek bernama Li Si, anda boleh menggunakan kod berikut untuk mencapainya:

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

Dalam kod di atas, peranan kaedah findValue Ia mencari objek yang memenuhi syarat dalam tatasusunan dan mengembalikan objek ini. Di mana arr ialah tatasusunan, kunci ialah nama atribut dalam elemen tatasusunan, dan nilai ialah nilai atribut yang akan ditemui.

4. Tentukan jenis pembolehubah

Dalam beberapa senario pemprosesan data, kita perlu menentukan jenis pembolehubah untuk meneruskan langkah seterusnya. Kaedah jenis dalam JavaScript boleh mendapatkan jenis pembolehubah dengan mudah:

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

Perlu diambil perhatian bahawa hasil jenis null ialah 'objek', yang merupakan masalah sejarah JavaScript.

Ringkasnya, empat kaedah js awam di atas sering digunakan dalam pembangunan uniapp, yang boleh meningkatkan kecekapan pembangunan dengan banyak. Semoga artikel ini dapat membantu anda.

Atas ialah kandungan terperinci Beberapa kaedah js awam yang biasa digunakan dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!