Фрагменти коду 2025, Січень

Сучасна обробка подій - CSS-хитрощі

Сучасна обробка подій - CSS-хитрощі

Це краще, ніж робити традиційну подію "window.onload", оскільки вона може приєднати кілька обробників подій до однієї події, і всі вони отримують виклик. "

Освітлити / затемнити колір - CSS-хитрощі

Освітлити / затемнити колір - CSS-хитрощі

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

Перемістити курсор до кінця введення - CSS-хитрощі

Перемістити курсор до кінця введення - CSS-хитрощі

Де el - це посилання на вхід або текстове поле. функція moveCursorToEnd (el) (якщо (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 = "

Повторити цикл querySelectorAll збігів - CSS-хитрощі

Повторити цикл querySelectorAll збігів - 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-хитрощі

Функція 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 Viewport - CSS-хитрощі

Виправлено IE 10 у Windows Phone 8 Viewport - CSS-хитрощі

(function () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); 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 отримує час від локальної машини, а не від "