strokoff 08 Января 2023 в 20:15

Как v-once и v-memo могут помочь уменьшить количество повторных рендеров и оптимизировать ваш код.

Читать далее… »

strokoff 29 Ноября 2020 в 20:15

В мире фронтенда приходится решать просто огромное количество задач, и так получилось, что на работе мне приходится работать c HTML версткой писем, HTML5 версткой лендинг страниц, подгонкой разных блоков друг к другу, выравниванием отступов) и разных игр с цветами и размерами и всем зоопарком плагинов jQuery вместе с велосипедами их владельцев, а еще разные адаптивные хаки и костыли. В общем та еще работка. А с другой стороны также необходимо, писать js плагины для jQuery, что-бы верстальщики сами не велосипедили на лендингах,нативную js бизнес логику без библиотек с поддержкой IE7 в 2016 году( кастомные виды input’ов, начиная от выбора цвета и календарей, заканчивая на уровне Marionette.LayoutView описание документации к этому, и все это лучше для меня еще и 1 раз собрать и иметь возможность переносить с самых разношорстных проектов от статических сайтов до сложных систем на Yii, Symfony и REST сервисов с java backend’ом так, чтобы backend команда легко принимала для себя и работала с полученным модулем\компонентом\функцией\инпутом и это я еще не упоминал о Node.js который выполняет тесты в связке с BrowserStack сотен сайтов для своего мониторинга доступности интерфейсов, ну я это все просто так. К вопросу — Что можно делать на фронте? 

strokoff 15 Ноября 2018 в 20:15

Понадобилось мне на работе ловить ботов и другие автоматизированные системы для общения с сайтом, после изучения вопроса, выяснилось, что особого лекарства нет, есть несколько подходов к проверке и я решил их собрать в одном месте. В основе лежат следующие подходы: Читать далее… »

strokoff 23 Апреля 2018 в 20:15

В этой статье мы рассмотрим основные подходы при создании переиспользуемого компонента на примере кнопки. Читать далее… »

strokoff 12 Июля 2016 в 20:15

На работе появилась задачка, собрать build систему фронта для одного проекта. На самом проекте уже использовался gulp с несколькими плагинами для облегчения повседневной жизни.  Как таковой фронт дев версия от прод версии ничем не отличалась, все console.log и комментарии в коде с FIXME и TODO оставались на месте) про минификацию, обфускацию и т.п. речи небыло. Сам проект написан на symfony в качестве билд системы используется capifony, система Assets самой symfony не используется в силу наличия gulp’a, а также у проекта две веб морды, мобильная и настольная + необходимо поддерживать stage и production режимы. Читать далее… »

strokoff 23 Июня 2016 в 20:15

В сети сейчас можно найти много статей про модные ныне javascript фреймворки. Такие как Angular, React, Ember , Polymer воплощающие в себе достаточно интересные идеи и подходы + использующие относительно новые подходы при работе с веб страницей (прим. shadow-dom) и позволяющие делать восхитительные вещи, не без костылей конечно, но это уже другой разговор. Но есть еще один достаточно крупный фреймворк и это Marionette.js некоторые «продвинутые» фанаты мейнстримного фронтенда для себя похоронили этот фреймворк вместе с backbone. Но проект успешно продолжает развиваться и представляет из себя очень хороший фундамент для создания ваших веб приложений. И так будет еще очень долго, пока HTML5 и новые версии фундаментально не придумают что-то иное как работа с DOM. Так что за жизнь marionette можно не переживать. Читать далее… »

strokoff 19 Июня 2016 в 20:15

Хочу поделиться одним небольшим плагином для jQuery.
Кому не хочется читать, вот репа на github и вот демо пример, чтобы потыкать.

Небольшая предыстория) впервые плагином я поделился в песочнице хабра, после прочтения этого поста, но особого эффекта (13 уников перешедших на github) это не возымело. Но вдруг о плагине рассказали на jqueryscript.net и даже китайцы умудрились презентовать на htmleaf.com. 

strokoff 18 Декабря 2015 в 20:15

Эта статья будет полезна в первую очередь новичкам, изучающим JavaScript. Просматривая уроки по JavaScript’у я понял, что нормального материала достаточно мало, много англоязычного и частично некоторая информация устарела и так, как показывают в некоторых уроках, я бы категорически не рекомендовал писать и учиться этому. Поэтому в этой статье я предлагаю написать вместе со мной простейший пингпонг и немного поговорить о JavaScript’e мы не будем сильно заморачиваться с кроссбраузерностью и откажемся сейчас от всяких там старых ие и индивидуальных багов разных версий браузеров. Писать мы будем в стиле ES5 хотя и для сегодняшнего дня 18 декабря 2015 года, уже могу рекомендовать начинать пользоваться ES6, но до широкого продакшена я пока в 2015 году у ES2015 я не вижу перспектив. Читать далее… »

strokoff 09 Октября 2015 в 20:15

Возможно в 2015 году поддержка IE8 не так актуальна,  но когда вы работаете с большим объемом трафика, широким ГЕО посетителей и стараетесь захватить максимальную аудиторию, требования к поддержке браузеров становятся куда жоще. Сегодня я хотел бы поделиться парой особенностей работы javascript’a в IE8 и разобрать некоторые кейсы. Если вы адепт jQuery, можно перестать читать на этом моменте. Читать далее… »

devy 07 Октября 2014 в 20:15

Есть ошибочное мнение среди веб-разработчиков, что CSS анимация — единственный производительный способ анимирования в сети. Этот миф принудил много разработчиков отказаться от основанной на JavaScript анимации в целом. Таким образом:

1. Вынудили себя управлять сложным взаимодействием UI в таблицах стилей
2. Блокировали себя в поддержке Internet Explorer 8 и 9
3. Воздерживаются от возможности построения физики движения, которая возможна только в JavaScript

Проверка в реальных условиях: основанная на JavaScript анимация так же быстра, как и анимация, основанная на CSS — иногда еще быстрее. Анимация CSS имеет преимущество, как правило, только по сравнению с $.animate() jQuery, которая является, по сути, очень медленным. Однако библиотеки для анимации JavaScript, которые обходят jQuery, показывают невероятную производительность, избегая манипулирования DOM насколько это возможно. Эти библиотеки могут быть до 20 раз быстрее, чем jQuery.

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

Читать далее… »