A través de matrices, la expansión de empalme de cadenas puede conducir fácilmente a problemas de rendimiento
La copia del código es la siguiente:
función stringBuffer () {
this .__ Strings__ = new Array ();
}
Stringbuffer.prototype.append = function (str) {
this .__ Strings __. Push (str);
devolver esto;
}
StringBuffer.Prototype.ToString = function () {
devuelve esto .__ cadenas __. unir ("");
}
var buffer = new StringBuffer ();
buffer.append ("hola"). append ("javaScript");
resultado var = buffer.ToString ();
alerta (resultado); // Hola JavaScript
Fuente del código: https://gist.github.com/hehongwei44/fe71f10e4d2d9295aab
Función auxiliar de la posición de la barra de desplazamiento de la vista de la página
La copia del código es la siguiente:
/*Dos funciones para determinar la altura y el ancho de la página actuales*/
función pageHeight () {
return document.body.scrollheight;
}
function pageWidth () {
return document.body.scrollwidth;
}
/*Determinar las posiciones horizontales y verticales de la barra de desplazamiento*/
función scrollx () {
var de = document.documentElement;
return self.pagexoffset || (de && de.scrollleft) || document.body.scrollleft;
}
función scrolly () {
var de = document.documentElement;
return self.pageyOffset || (de && de.scrolltop) || document.body.scrolltop;
}
/*Dos funciones para determinar la altura y el ancho de la ventana gráfica del navegador*/
función windowHeight () {
var de = document.documentElement;
return self.innerheight || (de && de.clientheight) || document.body.clientHeight;
}
Función WindowWidth () {
var de = document.documentElement;
return self.innerwidth || (de && de.clientwidth) || document.body.clientwidth;
}
Fuente del código: https://gist.github.com/hehongwei44/62907b9b7061d4dfadb
Funciones que ajustan la transparencia de los elementos
La copia del código es la siguiente:
/* Función para ajustar la transparencia del elemento*/
función setOpacity (elem, nivel) {
// es decir, procesamiento de transparencia
if (elem.filters) {
elem.style.filters = 'alfa (opacidad =' + nivel + ')';
} demás {
elem.style.opacity = nivel / 100;
}
}
Fuente del código: https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c
Obtenga varias funciones comunes para la posición del mouse
La copia del código es la siguiente:
/*Se utilizan dos funciones comunes para obtener la posición actual del mouse en relación con la página completa*/
función getx (e) {
E = E || Window.event;
Return E.Pagex || e.clientx + document.body.scrollleft;
}
función gety (e) {
E = E || Window.event;
regreso E.Pagey || e.clienty + document.body.scrolltop;
}
/*Dos funciones que obtienen la posición del mouse en relación con el elemento actual*/
función getElementX (e) {
return (e && e.layerx) || Window.event.offsetx;
}
función getElementy (e) {
return (e && e.layery) || Window.event.OffSety;
}
Fuente del código: https://gist.github.com/hehongwei44/2732365bd42baa491ef8
Un conjunto de funciones que usan el atributo CSSDisplay para cambiar la visibilidad del elemento
La copia del código es la siguiente:
/**
* Funciones que usan la pantalla para ocultar elementos
* */
function hide (elem) {
var curdisplay = getStyle (elem, 'display');
if (curdisplay! = 'none') {
Elem. $ Olddisplay = Curdisplay;
}
elem.style.display = 'ninguno';
}
/**
* Use la pantalla para mostrar la función del elemento
* */
función show (elem) {
elem.style.display = Elem. $ Olddisplay || '';
}
Fuente del código: https://gist.github.com/hehongwei44/b4192af8227d756bfda6
Funciones generales relacionadas con el estilo
La copia del código es la siguiente:
/**
* Obtenga el atributo de estilo (nombre) del elemento especificado (Elem)
* */
función getStyle (elem, nombre) {
// Si existe con estilo [], entonces se ha establecido (y actualmente está)
if (elem.style [name]) {
return elem.style [nombre];
}
// de lo contrario, prueba el método de es decir
else if (elem.currentstyle) {
return elem.CurrentStyle [nombre];
}
// o w3c método
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 (nombre);
}
// de lo contrario, el usuario está usando otro navegador
demás {
regresar nulo;
}
}
Fuente del código: https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7
Obtenga la altura y el ancho actuales del elemento
La copia del código es la siguiente:
/**
* Obtenga la verdadera altura del elemento
* Consulte la función anterior para la dependencia GetStyle.
* */
función getheight (elem) {
regresar parseint (getStyle (elem, 'altura'));
}
/**
* Obtenga el verdadero ancho del elemento
* Consulte la función anterior para la dependencia de GetStyle
* */
función getWidth (elem) {
return parseint (getStyle (elem, 'ancho'));
}
Fuente del código: https://gist.github.com/hehongwei44/b524ff25991d99625eb2
Los anteriores son los scripts JavaScript utilizados compartidos en este artículo. Espero que te gusten.