Кодови фрагменти 2025, Юли

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

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

Това е по-добре от традиционното събитие "window.onload", тъй като може да прикачи множество манипулатори на събития към едно събитие и всички те се извикват. "

Осветяване / потъмняване на цвета - CSS-трикове

Осветяване / потъмняване на цвета - CSS-трикове

CSS препроцесорите Sass и Less могат да вземат всеки цвят и да го потъмнят () или да го осветят () с определена стойност. Но такава възможност не е вградена в JavaScript. "

Преместване на курсора в края на въвеждането - CSS-трикове

Преместване на курсора в края на въвеждането - CSS-трикове

Където el е препратка към вход или текстово поле. функция moveCursorToEnd (el) (ако (typeof el.selectionStart == "number") (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 = функция (низ) (функция RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) функция 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 Key от връзка - CSS-трикове

Вземете YouTube Key от връзка - 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; функция setVariable () (oneVariable = "Променлива, зададена от функция!";) функция "

Вземете всички възможни DOM събития - CSS-трикове

Вземете всички възможни DOM събития - CSS-трикове

Можете да получите масив от всички събития, които започват с „on“ (например onclick), като стартирате това в конзолата на Firefox. .filter (функция (i) (връщане "

Вземете размера на обекта - CSS-трикове

Вземете размера на обекта - CSS-трикове

Както при, броя на клавишите. функция objectSize (the_object) (/ * функция, за да провери съществуването на всеки ключ в обекта, за да получи броя на валидните "

Функция за повикване с произволен таймер - CSS-трикове

Функция за повикване с произволен таймер - CSS-трикове

Функция randRange (данни) (var newTime = данни; върнете newTime;) функция toggleSomething () (var timeArray = нов масив (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-трикове

Това е един от най-бързите и лесни начини за изпразване на масив. Разбира се, има и други начини, но те обикновено включват създаване на нов масив. "

Необходимо съдържание с резервно съдържание - CSS-трикове

Необходимо съдържание с резервно съдържание - 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 получава времето от локалната машина, а не от "