Melalui array, memperluas splicing string dapat dengan mudah menyebabkan masalah kinerja
Salinan kode adalah sebagai berikut:
function stringBuffer () {
ini .__ string__ = array baru ();
}
StringBuffer.Prototype.append = function (str) {
ini .__ string __. Push (str);
kembalikan ini;
}
StringBuffer.Prototype.ToString = function () {
kembalikan string ini .__ __. gabung ("");
}
var buffer = stringBuffer baru ();
buffer.append ("hello"). append ("javascript");
var result = buffer.toString ();
waspada (hasil); // halo javascript
Sumber Kode: https://gist.github.com/hehongwei44/fe71f10e4d2d9295aeab
Fungsi pembantu dari posisi bilah gulir viewport halaman
Salinan kode adalah sebagai berikut:
/*Dua fungsi untuk menentukan tinggi halaman saat ini dan lebar*/
function pageHeight () {
return document.body.scrollheight;
}
fungsi pagewidth () {
return document.body.scrollwidth;
}
/*Tentukan posisi horizontal dan vertikal bilah gulir*/
function scrollx () {
var de = document.documentElement;
return self.pagexoffset || (de && de.scrollleft) || document.body.scrollleft;
}
fungsi scrollly () {
var de = document.documentElement;
mengembalikan self.pageyoffset || (de && de.scrolltop) || document.body.scrolltop;
}
/*Dua fungsi untuk menentukan tinggi dan lebar viewport browser*/
function windowHeight () {
var de = document.documentElement;
Kembalikan self.innerheight || (de && de.clientHeight) || document.body.clientHeight;
}
function windowwidth () {
var de = document.documentElement;
Kembalikan self.innerwidth || (de && de.clientwidth) || document.body.clientwidth;
}
Sumber Kode: https://gist.github.com/hehongwei44/62907b9b7061d4dfadb
Fungsi yang menyesuaikan transparansi elemen
Salinan kode adalah sebagai berikut:
/* Fungsi untuk menyesuaikan transparansi elemen*/
fungsi setopacity (elem, level) {
// IE memproses transparansi
if (elem.filters) {
elem.style.filters = 'alpha (opacity =' + level + ')';
} kalau tidak {
elem.style.opacity = level / 100;
}
}
Sumber Kode: https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c
Dapatkan beberapa fungsi umum untuk posisi mouse
Salinan kode adalah sebagai berikut:
/*Dua fungsi umum digunakan untuk mendapatkan posisi mouse saat ini relatif terhadap seluruh halaman*/
fungsi getx (e) {
E = E || window.event;
return e.pagex || e.clientx + document.body.scrollleft;
}
fungsi gety (e) {
E = E || window.event;
mengembalikan E.Pagey || E.Clienty + document.body.scrolltop;
}
/*Dua fungsi yang mendapatkan posisi mouse relatif terhadap elemen saat ini*/
function getElementX (e) {
return (e && e.layerx) || window.event.offsetx;
}
function getElementy (e) {
return (e && e.layery) || window.event.offsety;
}
Sumber Kode: https://gist.github.com/hehongwei44/2732365bd42baa491ef8
Satu set fungsi yang menggunakan atribut cssdisplay untuk beralih visibilitas elemen
Salinan kode adalah sebagai berikut:
/**
* Fungsi yang menggunakan tampilan untuk menyembunyikan elemen
* *//
fungsi hide (elem) {
var curdisplay = getStyle (elem, 'display');
if (curdisplay! = 'none') {
elem. $ oldDisplay = Curdisplay;
}
elem.style.display = 'none';
}
/**
* Gunakan tampilan untuk menampilkan fungsi elemen
* *//
function show (elem) {
elem.style.display = elem. $ oldDisplay || '';
}
Sumber Kode: https://gist.github.com/hehongwei44/b4192af8227d756bfda6
Fungsi Umum Terkait Gaya
Salinan kode adalah sebagai berikut:
/**
* Dapatkan atribut gaya (nama) dari elemen yang ditentukan (elem)
* *//
fungsi getStyle (elem, name) {
// Jika ada dalam gaya [], maka telah ditetapkan (dan saat ini)
if (elem.style [name]) {
return elem.style [name];
}
// jika tidak, uji metode IE
lain if (elem.currentstyle) {
return elem.currentstyle [nama];
}
// atau metode W3C
else if (document.defaultview && document.defaultview.getComputedstyle) {
name = name.replace (/(az)/g, "-$ 1");
name = name.tolowercase ();
var s = document.defaultview.getComputedStyle (elem, "");
return s && s.getPropertyValue (name);
}
// jika tidak, pengguna menggunakan browser lain
kalau tidak {
kembali nol;
}
}
Sumber Kode: https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7
Dapatkan tinggi dan lebar arus elemen
Salinan kode adalah sebagai berikut:
/**
* Dapatkan ketinggian elemen yang sebenarnya
* Lihat fungsi di atas untuk ketergantungan GetStyle.
* *//
function getHeight (elem) {
return parseint (getStyle (elem, 'height'));
}
/**
* Dapatkan lebar elemen yang sebenarnya
* Lihat fungsi di atas untuk ketergantungan GetStyle
* *//
function getWidth (elem) {
return parseint (getStyle (elem, 'width'));
}
Sumber Kode: https://gist.github.com/hehongwei44/b524ff25991d99625eb2
Di atas adalah skrip JavaScript yang umum digunakan yang dibagikan dalam artikel ini. Saya harap Anda menyukai mereka.