Результаты поиска Категория: JavaScript

JavaScript: Повесить событие на изменение значения в Input-е

07.04.2020 0 коммент. »

Javascript

Столкнулся с проблемой, когда после загрузки страницы некий JS код менял значение в одном из скрытых полей формы. Мне потребовалось отыскать этот JS. К сожалению DevTools Chrome-а не умеет (или я не знаю об этом), ставить breakpoint-ы на изменение данных. Поэтому я решил определить функцию которая будет отлавливать любые попытки изменить данные и внутри нее определить breakpoint. Немного погуглив, я нашел код который мне подошел..

Автор: Виталий Орлов

Chrome: Как найти событие установленное на кнопку или ссылку

25.12.2019 0 коммент. »

Последнее время я работаю только с бекендом разнообразных проектов и к фронту и тому что там происходит обращаюсь все реже и реже. А происходит там довольно много интересного, фронтенд обвешивается разного рода фреймворками по типу vue.js, лоадерами по типу requirejs и библиотеками, все это минимизируют в пару файлов и когда возникает необходимость быстро разобраться где нужный участок кода становится очень сложно, особенно когда ты только начинаешь работать с новым проектом и еще не знаком с его структурой. Очень помогает справиться с этой проблемой отладчики встроенные в браузере. Сегодня, я решил сделать для себя заметку о том, как найти код навешенный на кнопку или ссылку, и начать его дебажить..

Автор: Виталий Орлов

Javascript: Как отловить направление свайпов

10.01.2019 0 коммент. »

Javascript

Для одного из проектов, мне понадобилось сделать необычную прокрутку карточек по свайпам, тут оставляю код отвечающие за отлавливание свайпов..

Автор: Виталий Орлов

JavaScript: Отключить реакцию на тач действия

10.01.2019 0 коммент. »

Javascript

Столкнулся с проблемой, когда при свайпе в виде буквы "Г" и отлавливании свайпа в стороны для последующей анимации, браузер делал вертикальный сдвиг, чем мешал анимации. Соответственно в момент свайпа в стороны, мне надо было отключить родную прокрутку. Тут я просто оставлю заметку с кодом, к которому пришел в итоге..

Автор: Виталий Орлов

Handlebars: IfEq, IfNotEq, Switch

07.01.2019 0 коммент. »

Handlebars

Столкнулся с необходимостью использовать простые шаблоны в одном из проектов. В качестве шаблонизатора был выбран Handlebars (handlebarsjs.com). К сожалению, в нем нет некоторых нужных мне операторов, поэтому решено было расширить функционал парой не хитрых, но очень полезных хелперов..

Автор: Виталий Орлов

Javascript: разница между var и let

06.01.2019 3 комментария »

Javascript

Часто замечаю, что новички или пенсионеры веб-разработки путаются между использованием var и let в Javascript. В этой статье разберемся, что и когда использовать...

Автор: Виталий Орлов

TypeScript: система модулей и их загрузка

18.12.2018 0 коммент. »

Typescript

TypeScript имеет 5 доступных систем модулей и три загрузчика..

Автор: Виталий Орлов

Заметка: Как вывести в консоль разработчика номер строки js скрипта?

10.07.2018 0 коммент. »

Javascript
Вывести номер строки скрипта в javascript можно так:

Автор: Виталий Орлов

Авторизация на сайте с помощью заголовка

10.11.2017 0 коммент. »

Авторизация

Только что я сидел, работал и придумал довольно интересный пример с которым и спешу поделиться с Вами. Речь пойдет об авторизации на сайте, через отправку в запросах дополнительных заголовков. Если заинтересовало, добро пожаловать под кат..

Автор: Виталий Орлов

JavaScript: Курсор в конец contenteditable элемента

30.07.2017 0 коммент. »

Курсор в тексте

Нашел, сниппет кода, по установке курсора в начало/конец элемента с включенным contenteditable. Задача, на первый взгляд простая, но имеет массу подводных камней. Поэтому, пока нашел рабочее решение, его надо сохранить. Код под катом..

Автор: Виталий Орлов

Jquery: простой скроллер для страниц

12.02.2016 0 коммент. »

Скроллер

Привык, что можно длинную страницу быстро прокрутить к верху нажатием на скроллер. Так, как сделано, на этом сайте. Для одного из своего новго проекта, набросал небольшой код, который делает то, что нужно. Делюсь с вами, а так же оставляю себе памятку для использования в будущем..

Автор: Виталий Орлов

Vkontakte Photo Scroll

07.09.2014 0 коммент. »

Vkontakte

Написал маленький скриптик для GreaseMonkey, который позволяет перелистывать фотки вперед/назад скроллом, а по клику средней кнопки открывать изображение в новом окне..

Автор: Виталий Орлов

Формула для подсчета расстояния между двумя точками

24.06.2014 0 коммент. »

 

Формул расчета дистанции между двумя точками по их координатам

взято с stackoverflow.com. Подробное описание есть в wiki

**спустя пару дней, увидел что написал не формулА, а формуЛ. Но так даже прикольно, пусть остается формул 🙂

Автор: Виталий Орлов

Sencha CMD app build

31.08.2013 0 коммент. »

Sencha CMD

Сегодня начался курс про который я писал раньше тут: Тренинг по ExtJS от компании Farata Systems. Для работы нам потребовалось установить инструмент Sencha CMD который облегчает создание и управление проектом с помощью командной строки. Инструмент действительно полезный и интересный, однако при его использовании у меня возникла проблема с версиями Ruby..

Автор: Виталий Орлов

Тренинг по ExtJS от компании Farata Systems

30.05.2013 6 комментариев »

Сегодня, получил приглашение пройти тренинг от компании Farata Systems. Полное название звучит так: Developing Enterprise Web Applications With Ext JS Framework. Прочитать более подробную информацию про него можно тут: EventBrite.  Надо заметить, ранее я уже проходил 3х месячное обучение по языку Java у этой же компании..

Автор: Виталий Орлов

GreaseMonkey и очистка cookie

14.09.2012 2 комментария »

Greasemonkey

На одном из видео-хостингов столкнулся с проблемой, а именно надписью в flash плеере: "Для вашей страны видео заблокировано". Из любопытства я открыл это же окно в другом броузере, и оно заработало. Однако после обновления страницы, я получил ту же надпись.. Чуть пораскинув мозгами я понял, что блокировку ставят через куки. Удалив все куки для текущего, домена (спасибо плагину Web Developer для Firefox) я подтвердил свои догадки.. Конечно, каждый раз при загрузке страницы чистить куки это муторное занятие, поэтому надо было это дело автоматизировать. На помощь, был призван плагин для FF - GreaseMonkey..

Автор: Виталий Орлов

WordPress - ReferenceError: Shadowbox is not defined

06.09.2012 0 коммент. »

Wordpress

Сегодня при установке плагина ShadowBox. На один из новых сайтов получил такую вот ошибку: ReferenceError: Shadowbox is not defined. Полез выяснять откуда она, т.к. не люблю оставлять баги...

Автор: Виталий Орлов

Пакетное удаление постов в твиттере

12.08.2012 53 комментария »

Twitter

Зайдя сегодня в твиттер увидел кучу спам твитов от меня. По всей видимости или куда-то утек пароль, или я разрешил кому-то левому запостить сообщения от меня. В любом случае, надо было восстановить справедливость и удалить все эти спам-сообщения. Их было около 500 штук, соответственно вручную (по одному посту за раз) это было делать долго. Тут я вспомнил, что я же программер, и решил написать небольшой скрипт для этой задачи..

Автор: Виталий Орлов

Javascript - ReplaceAll

20.07.2012 0 коммент. »

Javascript

Сегодня понадобилось поработать с текстом на клиенте, а именно нужно было делать замены символа-маски в строке. Пока символ-маска был один, все отлично работало, но когда их стало несколько, заменялось только первое вхождение..

Автор: Виталий Орлов

Cufon и прыгающий текст

08.06.2012 3 комментария »

Cufon

Сегодня дорабатывал тему WP, и там был использован Cufon для замены шрифта. Но при этом, при загрузке страницы, вначале отображался шрифт без обработки, и потом он заменялся на обработанный. Получался такой скачок, со стандартного шрифта на красивый. Разумеется меня это не устроило..

Автор: Виталий Орлов