Фрагменты кода 2024, Декабрь

Вызов функции со случайным таймером - CSS-хитрости

Вызов функции со случайным таймером - CSS-хитрости

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Получить размер объекта - CSS-хитрости

Получить размер объекта - CSS-хитрости

То есть количество ключей. function objectSize (the_object) (/ * функция для проверки существования каждого ключа в объекте, чтобы получить количество действительных "

Получить все возможные события DOM - CSS-хитрости

Получить все возможные события DOM - CSS-хитрости

Вы можете получить массив всех событий, которые начинаются с «on» (например, onclick), запустив его в консоли Firefox. .filter (function (i) (return "

Глобальные переменные - CSS-хитрости

Глобальные переменные - CSS-хитрости

Объявить переменную вне функции ... var oneVariable; function setVariable () (oneVariable = "Набор переменных из функции!";) function "

Получить переменные URL - CSS-хитрости

Получить переменные URL - CSS-хитрости

Функция getQueryVariable (переменная) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

HtmlEntities для JavaScript - CSS-хитрости

HtmlEntities для JavaScript - CSS-хитрости

Htmlentities () - это функция PHP, которая преобразует специальные символы (например, <) в их экранированные / закодированные значения (например, <). Это позволяет вам показать "

Получите ключ YouTube по ссылке - CSS-хитрости

Получите ключ YouTube по ссылке - CSS-хитрости

Пример ссылки: // Ссылка на Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Кнопка «Назад» - CSS-хитрости

Кнопка «Назад» - CSS-хитрости

В браузерах уже есть кнопки «назад», так что вам лучше иметь вескую причину, по которой необходимо разместить ее на своей странице! Кнопка ввода со встроенным JavaScript "

Внедрить новые правила CSS - CSS-хитрости

Внедрить новые правила CSS - CSS-хитрости

Если вам нужно изменить стиль элемента с помощью JavaScript, обычно лучше изменить имя класса и сделать так, чтобы CSS уже на странице принял "

Вставить HTML из строки HTML - CSS-хитрости

Вставить HTML из строки HTML - CSS-хитрости

Допустим, у вас есть HTML-код, который представляет собой строку: let string_of_html = `

Cool
`; Может быть, он исходит из API или вы создали его самостоятельно из "

Интервалы - CSS-хитрости

Интервалы - CSS-хитрости

Стандартный Вам не нужно создавать переменную, но это хорошая практика, так как вы можете использовать эту переменную с clearInterval, чтобы остановить текущий запущенный "

Ввод с исчезающим фоновым изображением - CSS-хитрости

Ввод с исчезающим фоновым изображением - CSS-хитрости

Это воспроизводит функциональность стандартных встраиваемых полей поиска Google. У них есть изображение в фоновом режиме, и при нажатии на ввод "

Массив JavaScript содержит - CSS-хитрости

Массив JavaScript содержит - CSS-хитрости

Объекты Javascript действительно хороши, но иногда им не хватает некоторых полезных функций / методов. Пример выше относится к массивам. Это правда"

JavaScript MD5 - CSS-хитрости

JavaScript MD5 - CSS-хитрости

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) function AddUnsigned (lX, lY) (var "

Получить URL и части URL в JavaScript - CSS-хитрости

Получить URL и части URL в JavaScript - CSS-хитрости

JavaScript может получить доступ к текущему URL по частям. Для этого URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

KeyboardEvent Value (keyCodes, metaKey и т. Д.) - CSS-хитрости

KeyboardEvent Value (keyCodes, metaKey и т. Д.) - CSS-хитрости

Когда срабатывает KeyboardEvent, вы можете проверить, какая клавиша была нажата, потому что это событие содержит информацию, для которой вы можете написать логику ».

Цикл через массив без ненужных поисков - CSS-хитрости

Цикл через массив без ненужных поисков - CSS-хитрости

Найдите длину массива, прежде чем использовать его в функции for, чтобы не нужно было подсчитывать длину массива на каждой итерации (при условии, что длина "

Loop Over querySelectorAll Matches - CSS-хитрости

Loop Over querySelectorAll Matches - CSS-хитрости

Давайте рассмотрим некоторые варианты итерации по NodeList, когда вы вернетесь после запуска document.querySelectorAll. Мы написали обновленную статью о "

Заставить элементы HTML5 работать в старом IE - CSS-хитрости

Заставить элементы HTML5 работать в старом IE - CSS-хитрости

Так что DOM (и, следовательно, CSS) распознает их как реальные элементы: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Многострочные строковые переменные в JavaScript - CSS-хитрости

Многострочные строковые переменные в JavaScript - CSS-хитрости

Это работает: var htmlString = "Это строка."; Это не удается: var htmlSTring = "Это строка."; Иногда это желательно для удобства чтения. Добавлять"

Переместить курсор в конец ввода - CSS-хитрости

Переместить курсор в конец ввода - CSS-хитрости

Где el - ссылка на поле ввода или текстовое поле. функция moveCursorToEnd (el) (if (typeof el.selectionStart == "число") (el.selectionStart = "

Светлее / Темнее цвет - CSS-хитрости

Светлее / Темнее цвет - CSS-хитрости

Препроцессоры CSS Sass и Less могут принимать любой цвет и затемнять () или светлее () на определенное значение. Но в JavaScript такой возможности нет ".

Современная обработка событий - CSS-хитрости

Современная обработка событий - CSS-хитрости

Это лучше, чем выполнение традиционного события «window.onload», так как оно может присоединять несколько обработчиков событий к одному событию, и все они вызываются ».

Ленивая загрузка изображений - CSS-хитрости

Ленивая загрузка изображений - CSS-хитрости

ОБНОВЛЕНИЕ: это довольно старое. Если в наши дни вы хотите отложить загрузку изображений, я бы порекомендовал посмотреть: The Complete Guide to Lazy Loading Images A Native "

Выполнять функцию через определенные промежутки времени - CSS-хитрости

Выполнять функцию через определенные промежутки времени - CSS-хитрости

Выполнять функцию каждую секунду: function myFunction () (// что-то делаем) var int = setInterval (myFunction, 1000); Отменить: clearInterval (int); "

Шаблон Javascript с пространством имен - CSS-хитрости

Шаблон Javascript с пространством имен - CSS-хитрости

Самозапускающаяся анонимная функция, назначенная глобальной переменной yournamespacechoice. Сохраняет все функции и переменные закрытыми для "

PageVisibility API - CSS-хитрости

PageVisibility API - CSS-хитрости

Демо Сагара Ганатры "

Предотвращение мерцания фонового изображения в IE - CSS-хитрости

Предотвращение мерцания фонового изображения в IE - CSS-хитрости

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Печать объекта на экран - CSS-хитрости

Печать объекта на экран - CSS-хитрости

В PHP есть хорошая функция print_r для вывода информации о переменной на экран. console.log () отлично подходит для этого и в JavaScript, но "

Как создать случайный цвет в JavaScript - CSS-хитрости

Как создать случайный цвет в JavaScript - CSS-хитрости

Вот быстрый пример (есть и версия PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Посмотрите, как перо генерирует новый случайный шестнадцатеричный цвет »