Grâce à des tableaux, l'expansion de l'épissage de cordes peut facilement entraîner des problèmes de performance
La copie de code est la suivante:
fonction stringbuffer () {
this .__ Strings__ = new Array ();
}
StringBuffer.prototype.append = fonction (str) {
cette cordes .__ __. Push (str);
retourner ceci;
}
StringBuffer.prototype.toString = function () {
Renvoyez ce .__ Strings __. JOIN ("");
}
var buffer = new StringBuffer ();
Buffer.APPEND ("Hello"). APPEND ("JavaScript");
var result = buffer.toString ();
alerte (résultat); // bonjour javascript
Source de code: https://gist.github.com/hehongwei44/fe71f10e4d2d9295aeab
Fonction d'assistance de la position de la barre de défilement de la fenêtre de la page
La copie de code est la suivante:
/ * Deux fonctions pour déterminer la hauteur et la largeur de la page actuelle * /
fonction pageHeight () {
return document.body.scrollHeight;
}
fonction pagewidth () {
return document.body.scrollwidth;
}
/ * Déterminez les positions horizontales et verticales de la barre de défilement * /
fonction Scrollxx () {
var de = document.DocumentElement;
return self.pagexoffset || (de && de.scrollleft) || document.body.scrollleft;
}
fonction Scrolly () {
var de = document.DocumentElement;
return self.pageyoffset || (de && de.scrolltop) || document.body.scrolltop;
}
/ * Deux fonctions pour déterminer la hauteur et la largeur de la fenêtre du navigateur * /
fonction windowheight () {
var de = document.DocumentElement;
return self.innerheight || (de && de.clientheight) || document.body.clientHeight;
}
fonction windowwidth () {
var de = document.DocumentElement;
return self.innerwidth || (de && de.clientwidth) || document.body.clientwidth;
}
Source du code: https://gist.github.com/hehongwei44/62907b9b7061d4dfadb
Fonctions qui ajustent la transparence des éléments
La copie de code est la suivante:
/ * Fonction pour ajuster la transparence des éléments * /
fonction setOpacity (elem, niveau) {
// IE Traitement Transparence
if (elem.filters) {
elem.style.filters = 'alpha (opacity =' + niveau + ')';
} autre {
elem.style.opacity = niveau / 100;
}
}
Source de code: https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c
Obtenez plusieurs fonctions communes pour la position de la souris
La copie de code est la suivante:
/ * Deux fonctions communes sont utilisées pour obtenir la position actuelle de la souris par rapport à la page entière * /
fonction getx (e) {
E = E || window.event;
return e.pagex || E.Clientx + document.body.scrollleft;
}
fonction gety (e) {
E = E || window.event;
return e.pagey || e.clienty + document.body.scrolltop;
}
/ * Deux fonctions qui obtiennent la position de la souris par rapport à l'élément actuel * /
fonction getElementX (e) {
return (e && e.layerx) || window.event.offsetx;
}
fonction getElementy (e) {
return (e && e.layery) || window.event.offsety;
}
Source du code: https://gist.github.com/hehongwei44/2732365bd42baa491ef8
Un ensemble de fonctions qui utilisent l'attribut CSSDisplay pour changer la visibilité des éléments
La copie de code est la suivante:
/ **
* Fonctions qui utilisent l'affichage pour masquer les éléments
* * /
Fonction Hide (elem) {
var curdisplay = getStyle (elem, 'affiche');
if (curdisplay! = 'non') {
elem. $ olddisplay = curdisplay;
}
elem.style.display = 'Aucun';
}
/ **
* Utilisez l'affichage pour afficher la fonction de l'élément
* * /
fonction show (elem) {
elem.style.display = elem. $ olddisplay || '';
}
Source du code: https://gist.github.com/hehongwei44/b4192af8227d756bfda6
Fonctions générales liées au style
La copie de code est la suivante:
/ **
* Obtenez l'attribut de style (nom) de l'élément spécifié (elem)
* * /
fonction getStyle (elem, name) {
// s'il existe avec style [], alors il a été défini (et l'est actuellement)
if (elem.style [name]) {
return elem.style [name];
}
// Sinon, tester la méthode
else if (elem.currentStyle) {
return elem.currentStyle [nom];
}
// ou méthode W3C
else if (document.defaultView && document.defaultView.getCompuledStyle) {
name = name.replace (/ (az) / g, "- 1 $");
name = name.tolowercase ();
var s = document.defaultView.getCompuledStyle (elem, "");
return s && s.getPropertyValue (name);
}
// sinon, l'utilisateur utilise un autre navigateur
autre {
retourner null;
}
}
Source de code: https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7
Obtenez la hauteur et la largeur actuelles de l'élément
La copie de code est la suivante:
/ **
* Obtenez la véritable hauteur de l'élément
* Voir la fonction ci-dessus pour la dépendance GetStyle.
* * /
fonction getheight (elem) {
RETOUR PARSEIINT (GetStyle (Elem, «Height»));
}
/ **
* Obtenez la vraie largeur de l'élément
* Voir la fonction ci-dessus pour la dépendance Getstyle
* * /
fonction getWidth (elem) {
RETOUR PARSEINT (GetStyle (Elem, 'Width'));
}
Source de code: https://gist.github.com/hehongwei44/b524ff25991d99625eb2
Ce qui précède est les scripts JavaScript couramment utilisés partagés dans cet article. J'espère que vous les aimez.