Что такое ReactJS

Опубликовано 2023.02.04 в разделе JavaScript.

React — это библиотека JavaScript для создания пользовательских интерфейсов. Он был разработан и поддерживается Facebook и в настоящее время является одним из самых популярных интерфейсных фреймворков, используемых сегодня. React был впервые выпущен в 2013 году и с тех пор стал основным продуктом для создания сложных крупномасштабных веб-приложений.

Функции в JavaScript

Опубликовано 2023.02.04 в разделе JavaScript.

Функция в JavaScript - это участок кода, который можно выполнить столько раз, сколько необходимо. Функции позволяют вам инкапсулировать фрагмент кода и повторно использовать его в вашем приложении.

Как с помощью javascript вставить картинку в html страницу

Опубликовано 2023.02.04 в разделе JavaScript.

Чтобы вставить изображение на HTML-страницу с помощью JavaScript, вы можете использовать следующий код:

  1. var img = document.createElement('img');
  2. img.src = 'image.jpg';
  3. img.alt = 'Example image';
  4. document.body.appendChild(img);

Этот код создает элемент img с помощью метода document.createElement, устанавливает для его атрибута src путь к файлу изображения (например, «image.jpg»), а для его атрибута alt — описание изображения. Затем он добавляет изображение в тело HTML-документа с помощью метода appendChild.

Виды ajax запросов в javascript

Опубликовано 2023.02.03 в разделе JavaScript.

В JavaScript есть 4 основных типа AJAX запросов:

  • GET: используется для получения данных из сервера.
  • POST: используется для отправки данных на сервер.
  • PUT: используется для обновления данных на сервере.
  • DELETE: используется для удаления данных с сервера.

Вот пример AJAX GET запроса на JavaScript с использованием XMLHttpRequest:

Возможности console.log

Опубликовано 2017.01.27 в разделе JavaScript.

Для вывода отладочных сообщений в JavaScript используют команду console.log, о ней знают все, кто хоть сколько-нибудь связан с web-разработкой.

Она выводит строку, число или объект.

Например:

  1. var m = {q:4,d:6};
  2. console.log(m);

Выведет:

Но можно задать отладочным сообщениям оформление.

Например:

  1. console.log("%c%s","color: red; background: yellow; font-size: 20px;","Debug message")

Выведет:

Вхождение подстроки в JavaScript

Опубликовано 2016.06.29 в разделе JavaScript.

Чтобы проверить вхождение одной строки в другую - следует использовать такой код. +1 используется из-за того, что вхождение может начинаться с нулевого символа строки
  1. var main_string = 'main string content';
  2. if(main_string.indexOf('string') + 1) {
  3. console.log('true');
  4. } else {
  5. console.log('false');
  6. }

Селектор по атрибуту с [] в значении

Опубликовано 2015.12.03 в разделе JavaScript.

Допустим у вас есть такая вёрстка:
  1. <input type="hidden" name="field_main_image[und][0][fid]" value="152" />
И вам нужно ява скриптом обратиться к этому инпуту по имени и забрать значение атрибута value. Делается это так.
  1. var input_value = $('[name=field_main_image\\[und\\]\\[0\\]\\[fid\\]]').attr('value')
Всё элементарно, но надо знать, что скобки экранируются двумя слэшами, а не одним.

Событие наведения и снятия курсора на jQuery

Опубликовано 2015.12.03 в разделе JavaScript.

Всё достаточно просто. Не забывайте подключать саму библиотеку jQuery
  1. $(document).ready(function() {
  2. $('#element').hover(
  3. function(){
  4. // навели курсор на объект
  5. console.log('hover');
  6. },function(){
  7. // отвели курсор с объекта
  8. console.log('no hover');
  9. });
  10. });

Убрать все GET параметры

Опубликовано 2015.11.28 в разделе JavaScript.

Если вам нужно очистить URL от всех GET параметров, то обычно используют код:
  1. window.location = 'my-url';
Он в принципе работает, но остаётся знак вопроса в конце урла. Если заменять window.location.href - ситуация такая же. Есть магический способ. Он делает тоже самое, но знак вопроса пропадает О_о Выглядит он так:
  1. window.location.href=window.location.href.split('?')[0]
Я не понимаю почему это работает)) Может кто-то сможет толково объяснить?

href mailto с русским заголовком

Опубликовано 2014.10.24 в разделе JavaScript.

Если в ссылке в атрибуте href прописать mailto:e-mail - то при клике на такую ссылку у пользователя откроется почтовый клиент и создастся письмо, адресованное адресу, указанному после mailto: Так же в ссылке можно передавать заголовок письма и его содержимое. Для этого нужны переменные subject и body. Таким образом ссылка будет выглядеть вот так:
  1. <a href="mailto:example@server.dom?subject=My email&body=My text of this e-mail">написать письмо</a>
Такой код будет корректно отрабатываться во всех браузерах. Если нажать на такую ссылку - то откроется почтовый клиент