Фрагменты кода 2025, Январь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Валюта формата - CSS-хитрости

Валюта формата - CSS-хитрости

Эта функция округляет числа до двух десятичных знаков и гарантирует, что возвращаемое значение имеет два десятичных знака. Например, 12.006 вернет 12.01, "

Исправить IE 10 в окне просмотра Windows Phone 8 - CSS-хитрости

Исправить IE 10 в окне просмотра Windows Phone 8 - CSS-хитрости

(функция () (если (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("стиль"); msViewportStyle.appendChild ("

Очистить массив - CSS-хитрости

Очистить массив - CSS-хитрости

Это один из самых быстрых и простых способов очистить массив. Конечно, есть и другие способы, но обычно они включают создание нового массива ".

Требуемый контент JavaScript с резервным контентом - CSS-хитрости

Требуемый контент JavaScript с резервным контентом - CSS-хитрости

Обязательная для JavaScript область скрывается с помощью встроенного CSS, а затем отображается после загрузки с помощью небольшого фрагмента JavaScript. Ниже используются теги noscript "

Ведение журнала консоли без ошибок - CSS-хитрости

Ведение журнала консоли без ошибок - CSS-хитрости

Var Fb = (); // Литерал пустого объекта для хранения функции Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

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

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

Назовите свои файлы css соответственно: night.css, day.css и т. Д. Один классный бонус в том, что поскольку JavaScript получает время с локального компьютера, а не с