JavaScript заметки

\n\nБольшинство браузеров выведут ff9900, а Firefox - rgb(255, 153, 0). Нужно использовать функцию JavaScript для конвертации RGB в hex.\n\nОбратите внимание, что в данном случае мы говорим о вычисляемом цвете, а не о том, как он определяется для элемента. Также IE имеет отличный метод для вычисления стилей.\n\nМетод jQuery css() возвращает значение, определяемое в стиле для элемента. Поэтому, для действительного значения нужно использовать getComputedStyle и currentStyle.\n\n#полезно","datePublished":"2023-01-29T06:05:00Z","dateModified":"2023-01-29T06:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1191},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1158","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1158","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1158","headline":"10 типичных ошибок в коде на JavaScript Делимся статьей, где автор рассказывает про типичные ошибки в коде. К…","articleBody":"10 типичных ошибок в коде на JavaScript\n\nДелимся статьей, где автор рассказывает про типичные ошибки в коде. К ним относятся: использование “=” вместо “==”; неверное форматирование вывода; неточная работа с дробными числами; ненумерованные индексы в массиве.\n\n#статья\n\n❤️ Прожимай реакции, если нравится такой формат\n\n👉 Читать статью","datePublished":"2023-01-28T12:05:00Z","dateModified":"2023-01-28T12:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1162},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":12}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1157","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1157","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1157","headline":"Вы можете обманывать область видимости Мы можем заставить нашу функцию считать, что она выполняется в другой…","articleBody":"Вы можете обманывать область видимости\n\nМы можем заставить нашу функцию считать, что она выполняется в другой области видимости, которая отличается от ее нормального состояния. Для этого используется встроенный метод call() для вызова функции:\n\nvar animal = 'dog';\nfunction getAnimal(adjective) { alert(adjective+' '+this.animal); };\nvar myObj = {animal: 'camel'};\ngetAnimal.call(myObj, 'lovely'); //Выдаст сообщение 'lovely camel'\n\nЗдесь функция выполняется не в window, а в myObj, что определяется первым аргументом при вызове метода call. По существу метод call() имитирует ситуацию, что наша функция является методом myObj. Обратите внимание, что все переданные аргументы после первого в метод call() передаются в нашу функцию - здесь lovely становится значением аргумента adjective.\n\n#методы","datePublished":"2023-01-28T06:05:00Z","dateModified":"2023-01-28T06:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1234},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1156","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1156","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1156","headline":"Использование GPT-3 для объяснения работы кода Языковая модель ИИ GPT-3 способна генерировать объяснение того…","articleBody":"Использование GPT-3 для объяснения работы кода\n\nЯзыковая модель ИИ GPT-3 способна генерировать объяснение того, как работает код. Она поразительно эффективна в этом: ее обучающий набор включает огромное количество исходного кода. Делимся статьей, где автор демонстрирует работу GPT-3.\n\n#статья\n\n❤️ Прожимай реакции, если нравится такой формат\n\n👉 Читать статью","datePublished":"2023-01-27T12:05:00Z","dateModified":"2023-01-27T12:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1264},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1155","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1155","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1155","headline":"Регулярные выражения: больше, чем выделение подстроки и замена Обратите внимание на то, что с помощью объекта…","articleBody":"Регулярные выражения: больше, чем выделение подстроки и замена\n\nОбратите внимание на то, что с помощью объекта RegExp вы можете создавать динамические регулярные выражения. В основном регулярные выражения составляются с использованием коротких форм (то есть строк, заключенных в прямые слеши) и в них нельзя использовать переменные. Но RegExp()позволяет обойти ограничение.\n\nfunction findWord(word, string) {\n var instancesOfWord = string.match(new RegExp('\\b' + word + '\\b', 'ig'))\n alert(instancesOfWord)\n}\nfindWord('car', 'Carl went to buy a car but had forgotten his credit card.')\n\nЗдесь мы создаем динамический шаблон на основе значения аргумента word. Функция возвращает количество совпадений полного слова word (то есть не являющегося частью других слов) в строке. В нашем примере car встречается один раз, а слова Carl и card игнорируются.\n\nТак как RegExp определяется строкой, а не через синтаксис с обратными слешами, то мы можем использовать переменные для построения шаблона.\n\n#полезно","datePublished":"2023-01-27T06:05:00Z","dateModified":"2023-01-27T06:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1261},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1154","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1154","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1154","headline":"JavaScript редактор SVG диаграмм DgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель…","articleBody":"JavaScript редактор SVG диаграмм\n\nDgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель библиотеки — настроить рабочие процессы в системах BPM (Business Process Management). Подробней об этой библиотеке узнаешь из статьи.\n\n#статья\n\n❤️ Прожимай реакции, если нравится такой формат\n\n👉 Читать статью","datePublished":"2023-01-26T12:05:00Z","dateModified":"2023-01-26T12:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1250},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1153","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1153","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1153","headline":"replace() может получать возвратную функцию Это один из самых скрытых секретов JavaScript (который появился н…","articleBody":"replace() может получать возвратную функцию\n\nЭто один из самых скрытых секретов JavaScript (который появился начиная с версии 1.3). Обычно вызов функции replace() выглядит примерно так:\n\nalert('10 13 21 48 52'.replace(/d+/g, '')); //заменяем все числа на *\n\nПростая замена. Но что если нужно более сложно контролировать когда и как будет производиться замена? Например, нужно заменять числа только до 30. Такая задача не может быть решена только регулярным выражением (оно может сделать все, что угодно со строкой, но не с математикой выражения). Нужно использовать возвратную функцию для вычисления соответствия.\n\nalert('10 13 21 48 52'.replace(/d+/g, function(match) {\n return parseInt(match) < 30 ? '' : match;\n}));\n\nДля каждой проверки JavaScript вызывает функцию, передавая ей аргументы для проверки. А затем мы возвращаем либо звездочку, либо само число.\n\n#функции","datePublished":"2023-01-26T06:05:00Z","dateModified":"2023-01-26T06:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1299},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1152","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1152","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1152","headline":"10 игр для изучения JavaScript В этой статье вы найдете десятку интересных игр для изучения JavaScript. Попро…","articleBody":"10 игр для изучения JavaScript\n\nВ этой статье вы найдете десятку интересных игр для изучения JavaScript. Попробуйте их, ведь учиться, играя, куда легче!\n\n#статья\n\n❤️ Прожимай реакции, если нравится такой формат\n\n👉 Читать статью","datePublished":"2023-01-25T12:05:00Z","dateModified":"2023-01-25T12:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1350},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":46}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1151","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1151","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1151","headline":"Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию?…","articleBody":"Вам нравится читать контент на этом канале?\n\nВозможно, вы задумывались о том, чтобы купить на нем интеграцию?\n\nСледуйте 3 простым шагам, чтобы сделать это:\n\n1) Регистрируйтесь по ссылке: https://telega.in/c/notesjs\n2) Пополняйтесь удобным способом\n3) Размещайте публикацию\n\nЕсли тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.","datePublished":"2023-01-25T09:05:00Z","dateModified":"2023-01-26T09:11:53Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":931},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1150","url":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1150","mainEntityOfPage":"https://telemetr.io/ru/channels/1574460335-notesjs/posts/1150","headline":"NaN - это число Считаете факт представления null объектом странным? Попробуйте проверить NaN! Он оказывается…","articleBody":"NaN - это число\n\nСчитаете факт представления null объектом странным? Попробуйте проверить NaN! Он оказывается числом! Кроме того, NaN не равен самому себе!\n\nalert(typeof NaN); //Выдаст сообщение 'Number'\nalert(NaN === NaN); //Выдаст сообщение 'false'\n\nВ действительности NaN не равен ничему. Единственный способ проверить значение NaN - функция isNaN().\n\n#полезно","datePublished":"2023-01-25T06:05:00Z","dateModified":"2023-01-25T06:05:00Z","author":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript заметки","url":"https://telemetr.io/ru/channels/1574460335-notesjs","image":"https://img.telemetr.io/c/1Iyh3x/5343770680614827965?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1370},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}}]}