JavaScript-это буквальный язык сценариев, который представляет собой динамичный, слабый язык, основанный на прототипах со встроенными типами поддержки. Его переводчик называется двигателем JavaScript. Он является частью браузера и широко используется на языке сценариев клиента. Сначала он использовался на веб -страницах HTML (приложение в рамках стандартного универсального языка разметки) для добавления динамических функций на веб -страницы HTML.
Эта статья составила 5 практического кода JavaScript для всех, чтобы облегчить разработку.
1. Определите, действительна ли дата
Функция даты, включенная в JavaScript, все еще слишком проста, и трудно удовлетворить потребности анализа и оценки различных форматов дат в реальных проектах. У JQUERY также есть сторонние библиотеки, чтобы упростить обработку, связанную с датой, но иногда вам может понадобиться очень простая функция, не введя огромную третью библиотеку. В настоящее время вы можете использовать следующий код проверки даты, который позволяет настроить формат даты и проверить обоснованность даты.
Функция isValidDate (value, userformat) {// Установить формат по умолчанию, если формат не предоставлен userFormat = userFormat || 'mm/dd/yyyy'; // Найти пользовательский разделитель, исключая // месяц, дневной и год символов var delimiter = /^mdy]/.exec(UserFormat)®]; // Создать массив с месяцем, днем и годом //, поэтому мы знаем порядок формата index var theformat = userformat.split (delimiter); // Создать массив из даты пользователя var thedate = value.split (delimiter); Функция isDate (date, format) {var m, d, y, i = 0, len = format.length, f; for (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 && // Проверьте, является ли это действительный день месяца d <= (новая дата (y, m, 0)). getDate ()); } return isdate (thedate, theformat);}Как использовать:
Следующий вызов возвращает ложь, потому что в ноябре нет 31 дня
isvaliddate ('dd-mm-yyyy', '31/11/22
2. Получите максимальную ширину или высоту набора элементов
Следующая функция очень полезна для разработчиков, которым необходимо выполнить динамический макет.
var getMaxHeight = function ($ elms) {var maxheight = 0; $ elms.each (function () {// В некоторых случаях вы можете использовать opterheight () вместо var height = $ (this) .height (); if (height> maxheight) {maxheight = height;}}); вернуть maxheight;};Как использовать:
$ (элементы). Хейт (getMaxHeight ($ (elements)));
3. Выделите текст
Существует много сторонних библиотек JQUERY, которые могут реализовать функцию выделения текста, но я предпочитаю использовать следующий небольшой кусочек кода JavaScript для реализации этой функции. Он очень короткий и может быть гибко изменен в соответствии с моими потребностями, и вы можете определить стиль выделения самостоятельно. Следующие две функции могут помочь вам создать свой собственный плагин с подсветкой текста.
Function highting (текст, слова, тег) {// Тег по умолчанию, если не предоставляется тег tag = Tag || 'охватывать'; var i, len = words.length, re; for (i = 0; i <len; i ++) {// Глобальная режима для выделения всех совпадений re = new Regexp (слова [i], 'g'); if (re.test (text)) {text = text.replace (re, '<' + Tag + '> $ & </' + Tag + '>'); }} return Text;}Вам также нужно будет выполнять невыполненные функции:
Функция unhighlight (text, Tag) {// Тег по умолчанию, если не предоставляется тег tag = Tag || 'охватывать'; var re = new Regexp ('(<'+Tag+'.+?> | <//'+Tag+'>)', 'g'); return text.replace (re, '');}Как использовать:
$ ('p'). html (hight ($ ('p'). html (), // текст ['foo', 'bar', 'baz', 'hello world'], // Список слов или фраз, чтобы выделить «сильный» // custom Tag));4. Текстовый эффект движения
Иногда вы хотите добавить движение в абзац вашего текста, чтобы каждое слово могло перемещаться. Вы можете использовать следующий подключаемый код jQuery для достижения этого эффекта. Конечно, вам нужно объединить стиль перехода CSS3, чтобы достичь лучших результатов.
$ .fn.animateText = function (задержка, klass) {var text = this.text (); var witds = text.split (''); вернуть это. });Как использовать:
$ ('p'). AnimateText (15, 'foo');
5. Скрыть элементы один за другим
Следующий плагин jQuery может скрыть группу элементов один за другим в соответствии с длиной шага (время интервала), которую вы устанавливаете. Используемые элементы перезагрузки могут достичь хороших результатов.
$ .fn.fadeall = function (ops) {var o = $. var $ el = это; 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;}Как использовать:
$ (элементы) .fadeall ({задержка: 300, скорость: 300});
Выше приведено лишь небольшая часть этих практических фрагментов кода JavaScript, и я надеюсь, что для каждого будет полезно изучить программирование JavaScript.