JavaScript es un lenguaje literal de secuencias de comandos, que es un lenguaje dinámico, débil y basado en prototipos con tipos de soporte incorporados. Su intérprete se llama motor JavaScript. Es parte del navegador y se usa ampliamente en el lenguaje de secuencias de comandos del cliente. Primero se utilizó en páginas web HTML (una aplicación en el lenguaje de marcado universal estándar) para agregar funciones dinámicas a las páginas web HTML.
Este artículo ha compilado 5 código JavaScript práctico para que todos faciliten el desarrollo.
1. Determinar si la fecha es válida
La función de fecha incluida en JavaScript sigue siendo demasiado simple, y es difícil satisfacer las necesidades de análisis y juzgar diferentes formatos de fecha en proyectos reales. JQuery también tiene bibliotecas de terceros para simplificar el procesamiento de la fecha, pero a veces es posible que necesite una función muy simple sin introducir una enorme biblioteca de terceros. En este momento, puede usar el código de verificación de la fecha siguiente, que le permite personalizar el formato de fecha y verificar la validez de la fecha.
función isValidDate (valor, userFormat) {// Establecer formato predeterminado si el formato no se proporciona userFormat = userFormat || 'mm/dd/yyyy'; // Encuentra delimitador personalizado excluyendo // caracteres de mes, día y año var delimitador =/código^mdyfontado/.exec(userFormat)[0]; // Crear una matriz con mes, día y año // para que conozcamos el orden de formato por índice var theformat = userFormat.split (delimitador); // Crear matriz desde la fecha del usuario var thedate = value.split (delimitador); función isDate (fecha, formato) {var m, d, y, i = 0, len = format.length, f; para (i; i <len; i ++) {f = format [i]; if (/m/.test(f)) m = date [i]; if (/d/.test(f)) d = date [i]; if (/y/.test(f)) y = date [i]; } return (m> 0 && m <13 && y && y.length === 4 && d> 0 && // verifique si es un día válido del mes d <= (nueva fecha (y, m, 0)). getDate ()); } return isDate (thedate, theFormat);}Cómo usar:
La siguiente llamada devuelve falso porque no hay 31 días en noviembre
ISVALIDDATE ('DD-MM-YYYY', '31/11/2012 ')
2. Obtenga el ancho o altura máximo de un conjunto de elementos
La siguiente función es muy útil para los desarrolladores que necesitan realizar un diseño dinámico.
var getMaxHeight = function ($ elms) {var maxHeight = 0; $ elms.each (function () {// En algunos casos, puede usar externosheight () en su lugar var altura = $ (this) .Height (); if (altura> maxHeight) {maxHeight = altura;}}); devolver maxheight;};Cómo usar:
$ (elementos) .Height (getMaxHeight ($ (elementos)));
3. Resaltar texto
Hay muchas bibliotecas de terceros de JQuery que pueden implementar la función de resaltar el texto, pero prefiero usar la siguiente pequeña pieza de código JavaScript para implementar esta función. Es muy corto y puede modificarse de acuerdo con mis necesidades, y puede definir el estilo de resaltar usted mismo. Las siguientes dos funciones pueden ayudarlo a crear su propio complemento de resaltado de texto.
Función resalta (texto, palabras, etiqueta) {// etiqueta predeterminada si no se proporciona etiqueta etiqueta = etiqueta || 'durar'; var i, len = words.length, re; para (i = 0; i <len; i ++) {// global regex para resaltar todas las coincidencias re = new regexp (palabras [i], 'g'); if (re.test (text)) {text = text.replace (re, '<' + tag + '> $ & </' + tag + '>'); }} Texto de retorno;}También necesitará funciones no iluminadas:
función unhighlight (texto, etiqueta) {// etiqueta predeterminada si no se proporciona etiqueta etiqueta = etiqueta || 'durar'; var re = new Regexp ('(<'+Tag+'.+?> | <//'+tag+'>)', 'g'); return text.replace (re, '');}Cómo usar:
$ ('P'). Html (destacado ($ ('P'). Html (), // El texto ['foo', 'bar', 'baz', 'hola mundo'], // lista de palabras o frases para resaltar 'strong' // personalización personalizada));4. Efecto de movimiento del texto
A veces desea agregar movimiento a un párrafo de su texto para que cada palabra pueda moverse. Puede usar el siguiente código de complemento jQuery para lograr este efecto. Por supuesto, debe combinar un estilo de transición CSS3 para lograr mejores resultados.
$ .fn.animatetext = function (demora, klass) {var text = this.Text (); Var letras = text.split (''); return this.each (function () {var $ this = $ (this); $ this.html (text.replace (/./ g, '<span> $ & </span>')); $ this.find ('span.letter'). Cada (function (i, el) {setTimeOut (function () {$ (el) .addclass (klass);}, demora);});});}); });Cómo usar:
$ ('P'). Animatetext (15, 'foo');
5. Ocultar elementos uno por uno
El siguiente complemento JQuery puede ocultar un grupo de elementos uno por uno de acuerdo con la longitud del paso (tiempo de intervalo) que establece. Utilizado en los elementos de la lista de recarga puede lograr buenos resultados.
$ .fn.fadeall = function (ops) {var o = $ .extend ({retraso: 500, // retraso entre la velocidad de los elementos: 500, // facilitar la velocidad de animación: 'swing' // Otros requieren complementos de facilidad}, OPS); var $ el = this; for (var i = 0, d = 0, l = $ el.length; i <l; i ++, d+= o.delay) {$ el.eq (i) .delay (d) .fadein (o.speed, o.ease); } return $ el;}Cómo usar:
$ (elementos) .fadeall ({retraso: 300, velocidad: 300});
Lo anterior es solo una pequeña parte de esos fragmentos prácticos de código JavaScript, y espero que sea útil para todos aprender la programación de JavaScript.