O JavaScript é uma linguagem de script literal, que é uma linguagem dinâmica, fraca e baseada em protótipo, com tipos de suporte interno. Seu intérprete é chamado de mecanismo JavaScript. Faz parte do navegador e é amplamente utilizado na linguagem de script do cliente. Ele foi usado pela primeira vez no HTML (um aplicativo nas páginas da Web padrão da linguagem de marcação universal) para adicionar funções dinâmicas às páginas da Web HTML.
Este artigo compilou 5 código JavaScript prático para que todos facilitem o desenvolvimento.
1. Determine se a data é válida
A função de data incluída no JavaScript ainda é muito simples e é difícil atender às necessidades de analisar e julgar diferentes formatos de data em projetos reais. O JQuery também possui bibliotecas de terceiros para simplificar o processamento relacionado a data, mas às vezes você pode precisar apenas de uma função muito simples sem introduzir uma enorme biblioteca de terceiros. No momento, você pode usar o seguinte código de verificação de data, que permite personalizar o formato da data e verificar a validade da data.
função isvaliddate (value, userFormat) {// Defina o formato padrão se o formato não for fornecido userFormat = userFormat || 'mm/dd/aaa'; // Encontre delimitador personalizado excluindo // personagens do mês, do dia e do ano var delimiter = /−Mdy/.exec(UserFormat). // Crie uma matriz com mês, dia e ano // para sabermos o pedido de formato por índice var theFormat = userFormat.split (delimiter); // Crie matriz a partir da data do usuário var thedate = value.split (delimiter); função isdate (data, formato) {var m, d, y, i = 0, len = format.length, f; para (i; i <len; i ++) {f = formato [i]; if (/m/.test(f)) m = data [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 se é um dia válido do mês d <= (nova data (y, m, 0)). getDate ()); } Retornar Isdate (Thedate, TheFormat);}Como usar:
A chamada seguinte retorna falsa porque não há 31 dias em novembro
isValiddate ('dd-mm-yyyy', '31/11/2012 ')
2. Obtenha a largura ou a altura máxima de um conjunto de elementos
A função a seguir é muito útil para desenvolvedores que precisam executar layout dinâmico.
var getMaxHeight = função ($ elms) {var maxHeight = 0; $ elms.EECH (function () {// Em alguns casos, você pode usar o OuterHeight () em vez de var a altura = $ (this) .Height (); if (altura> maxHeight) {maxHeight = altura;}}); retornar maxHeight;};Como usar:
$ (elementos) .Height (getMaxHeight ($ (elementos)));
3. Texto de destaque
Existem muitas bibliotecas de terceiros do jQuery que podem implementar a função de destacar o texto, mas eu prefiro usar o seguinte código JavaScript para implementar esta função. É muito curto e pode ser modificado com flexibilidade de acordo com minhas necessidades, e você pode definir o estilo de destaque você mesmo. As duas funções a seguir podem ajudá -lo a criar seu próprio plug -in de destaque em texto.
função destaque (texto, palavras, tag) {// tag padrão se nenhuma tag for fornecida tag = tag || 'span'; var i, len = words.length, re; for (i = 0; i <len; i ++) {// regex global para destacar todas as correspondências re = novo regexp (palavras [i], 'g'); if (re.test (text)) {text = text.replace (re, '<' + tag + '> $ & </' + tag + '>'); }} retornar texto;}Você também precisará funções não iluminadas:
functive sem alegria (texto, tag) {// tag padrão se nenhuma tag for fornecida tag = tag || 'span'; var re = novo regexp ('(<'+tag+'.+?> | <//'+tag+'>)', 'g'); Return text.Replace (re, '');}Como usar:
$ ('p'). html (destaque ($ ('p'). html (), // o texto ['foo', 'bar', 'baz', 'hello world'], // lista de palavras ou frases para destacar 'forte' // tag personalizado));4. Efeito do movimento do texto
Às vezes, você deseja adicionar movimento a um parágrafo do seu texto para que cada palavra possa se mover. Você pode usar o seguinte código de plug-in jQuery para alcançar esse efeito. É claro que você precisa combinar um estilo de transição CSS3 para obter melhores resultados.
$ .fn.animateText = function (atraso, klass) {var text = this.text (); var letters = text.split (''); Retorne this.each (function () {var $ this = $ (this); $ this.html (text.replace (/./ g, '<pan> $ & </span>')); $ this.find ('span.Letter'). cada (kl) (kL) {Settimeout (), {{$). });Como usar:
$ ('P'). AnimateText (15, 'Foo');
5. ocultar elementos um por um
O seguinte plug-in jQuery pode ocultar um grupo de elementos um por um de acordo com o comprimento da etapa (tempo de intervalo) que você definiu. Usados na lista de recarregamento Os elementos podem obter bons resultados.
$ .fn.fadeall = function (ops) {var o = $ .extend ({atraso: 500, // atraso entre os elementos Velocidade: 500, // facilidade de velocidade de animação: 'swing' // Outros requerem plug -in de ativação}, operações); var $ el = this; para (var i = 0, d = 0, l = $ el.length; i <l; i ++, d+= o.delay) {$ el.eq (i) .delay (d) .fadein (o.speed, o.ease); } retornar $ el;}Como usar:
$ (elementos) .Fadeall ({atraso: 300, velocidade: 300});
O exposto acima é apenas uma pequena parte desses trechos práticos de código JavaScript, e espero que seja útil para todos aprenderem a programação JavaScript.