Wiki | PWODEV
Help for developers

Сравним какая подсветка синтаксиса кода лучше. На сегодняшний день мы имеем уже большее количество всяких скриптов которые делают это. Загуглим: code syntax highlighting. и рассмотрим список самых популярных скриптов подсветки синтаксиса: Хотя.... Зачем тратить на это время. Нам нужно чтобы работало быстро, не нагружало страницу лишними скриптами, и заморачиваться не хочется с внедрением скрипта в сайт. Надо также чтобы отображалось красиво, как в нашем ide, типа PHPStorm или любом...

В этой статье будем собирать спецсимволы которые иногда нужны в коде. Спецсимволы:   неразрывный пробел ¡¡перевернутый восклицательный знак€€€евр§параграф©©©знак копирайтов...

Скрипт как правильно подключить из CDN Google библиотеку jQuery WordPress: add_action('wp_enqueue_scripts', 'front_scripts'); function front_scripts(){ // add jQuery to footer and from Google global $google_jQuery; if(!$google_jQuery) { $google_jQuery = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'; wp_deregister_script('jquery-core'); wp_register_script('jquery-core', $google_jQuery, false, null, true); ...

Есть форма, в ней поле input в котором нужно ввести email. Как верифицировать форму, проверить строку на наличие email адреса? Как понять что поле email заполнено правильно? is email - JS функция проверки строки, на корректность email. Верификация email адреса. Вот сама js функция is email: function is_email(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } Функция вернет TRUE или FALSE. javascript verification...

Сегодня поступила задача получить событие клика на странице, за пределами определенного элемента. Другими словами клик вне элемента или jQuery click out или outside click. Что-то похожее на событие hover out или mouse leave или mouse out но по клику. Отследить клик за пределами определенного элемента пригодится например чтобы закрыть открывшееся меню, или закрыть попап (close popup by outside click). Либо для любых других ваших задач. Как реализовать это? Как отследить клик...

Раньше мы рассматривали как получить высоту экрана, а сегодня рассмотрим Full page плагин ссылка - https://alvarotrigo.com/fullPage/, который делает это самостоятельно. Очень полезный плагин для того чтобы реализовать сайт в полный экран с прокруткой до блока. Документация на русском языке Как работает Full page плагин: 1. Для начала скачиваем последнюю версию плагина с официального сайта. 2. Нас интересует 2 файла - jquery.fullpage.min.css и jquery.fullpage.min.js 3. Кладем...

Не так давно столкнулся с одним сайтом где один javascript файл содержал больше чем 15 тысяч строк. В нем лежали все модули которые использовал сайт, часть кода была сжатая а другая часть читабельная. При попытке отформатировать код в PHPStorm, в коде появлялось неисчислимое количество ошибок. Было принято решение переделать всю структуру JS кода на сайте. Но как часто бывает, времени на это было очень мало, и поэтому быстрый фикс был - хардкод. Но с оговоркой что когда-нибудь вернемся и все...

Сегодня поговорим о функции preventDefault. Часто бывает нужно отключить стандартное поведение ссылки по клику. Убрать стандартное поведение ссылки. Как не переходить по ссылке по событию on click, или просто не отправлять форму по клику на submit. То-есть браузер просто не будет реагировать на ссылку. Это нужно например для того чтобы отправить форму с помощью jQuery или JavaScript или Аякс (ajax) или добавить свой js обработчик к форме или ссылке, заменить url перед переходом и...

Что такое жесты и какие они бывают: Swipe - пролистывание как слайд, обычно используется для открытия меню жестом, провести пальцем по экрану слева на право чтобы открылось меню.hold - событие долгому длинному нажатию Для того чтобы отследить жесты как на мобильном устройстве iPhone или Android или любой другой mobile, проще всего подключить библиотеку jquery.touchSwipe.min.js. Дальше привязываем событие к нужному нам элементу: jQuery('body').swipe({ swipe:function(event,...

При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: window.innerHeight //показывает действительную высоту экрана Запускать это лучше всего при загрузке...