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

Якщо припустити, що у вас є елемент у DOM:

Отримайте посилання на цей елемент DOM: const el = document.querySelector ("# el"); Тоді ти"

Тестування User Agent відстійне, але іноді це потрібно для тонких речей. У моєму випадку я використовував його для налаштування того, що я показував для комбінацій клавіш "

Не всі браузери підтримують усі атрибути всіх елементів. У HTML5 є ряд нових атрибутів, тому ідея тестувати, щоб побачити, який браузер "

Зазвичай клавіша табуляції переходить до наступної фокусуючої речі. Це замість цього вставляє символ табуляції. HTMLTextAreaElement.prototype.getCaretPosition = функція "

Пробіл, що означає вкладки та пробіли. JavaScript для ванілі (обрізати провідні та кінцеві) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Нехай strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Вбудувати резервну копію "

Перетягування HTML5 чудово підходить для обробки завантажених файлів. Але якщо це єдине, для чого ви його використовуєте, приємно знати, чи є якийсь конкретний драгентер "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// робити речі, специфічні для IE) else (// робити речі, не пов'язані з IE) "

Вбудоване використання: Клацніть тут, щоб перемкнути видимість елемента #foo Це foo "

Техніка # 1 Функція перемішування (o) (для (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); повернути o;); Використання var testArray "

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Привіт Світ!";"

"mobile.html" буде замінено місцем розташування, де знаходиться ваша мобільна версія. Цей прийом можна адаптувати для завантаження альтернативної таблиці стилів "

Елементи з атрибутом contenteditable можна редагувати безпосередньо у вікні браузера. Але, звичайно, ці зміни не впливають на фактичний документ "

Ооо це розумно! Я зафіксував це з блогу Девіда. const isRequired = () => (викинути нову помилку ('необхідний параметр');); const привіт = (name = "

Var myArray =; var randomItem = myArray; Дивіться Pen gLJPZv від Chris Coyier (@chriscoyier) на CodePen. "

Що стосується анімації, нам кажуть, що setInterval - погана ідея. Тому що, наприклад, цикл буде працювати незалежно від того, що ще відбувається, "

Var origString = 'Щасливий танець7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Щасливий танець' "

Ця функція також зберігає прихований вміст. функція remove_style (all) (var i = all.length; var j, is_hidden; // Презентаційні атрибути. var attr =; "

З якоїсь причини елемент не може знищити себе в JavaScript. jQuery має метод для цього, що приємно, оскільки так ми думаємо: "

Склав Свен Петтер Гьобі: const array =; // Спосіб 1: Використання набору const unique =; // Спосіб 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Ви можете перевірити, якщо window.location.href "

Ви коли-небудь бачили ці CDATA-матеріали у JavaScript і цікавились, для чого це було? Це не дати валідатору прочитати цей код як розмітку та збій "

Ось швидкий (є і версія PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Дивіться ручку Створення нового випадкового шестигранного кольору "

PHP має приємну функцію print_r для роздрукування інформації про змінну на екрані. console.log () чудово підходить для цього і в JavaScript, але "

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

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

Самовиклик анонімної функції, призначеної глобальній змінній yournamespacechoice. Обслуговує ефект збереження всіх функцій та змінних приватними до "

Виконуйте функцію кожну секунду: function myFunction () (// робимо щось) var int = setInterval (myFunction, 1000); Скасувати це: clearInterval (int); "

ОНОВЛЕННЯ: Це досить давно. Якщо сьогодні ви хочете завантажувати зображення з лінивим сподіванням, я б порадив переглянути: Повний посібник із ледачого завантаження зображень.