Результаты поиска Тэг: javascript

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

Javascript

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

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


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

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

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



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

Javascript

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

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


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

Javascript

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

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


Handlebars: IfEq, IfNotEq, Switch

Handlebars

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

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



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

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

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


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

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

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

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


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

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

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



Как убрать смещение контента из-за скролла

Javascript

В момент когда появляется вертикальный скрол, контент смещается из-за изменения размера видимой области. В примере ниже, эта проблема решена.

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