Персональный блог Игоря Антонова aka "spider_net"

JavaScript

Подписаться на эту метку по RSS

Fuse. Библиотека для реализации неточного поиска на ванильном JavaScript


Рубрика: JavaScript -> Программирование
Метки: | |
Просмотров: 399
Fuse. Библиотека для реализации неточного поиска на ванильном JavaScript

В одном из проектов мне требовалось реализовать поиск неточный поиск по коллекции объектов (JavaScript). Под неточным поиском я подразумеваю: поиск по первым буквам слова, без учета регистра, поиск сразу в нескольких свойствах объекта (в зависимости от условий), возможность установить совпадения с определенными ключами и рядом других условий. В прошлый раз эту задачу решил частично. Не все удалось, но реализация была пригодна для использования в рабочем проекте.

Читать дальше

Вышел React 15.4.0


Рубрика: JavaScript
Метки: | |
Просмотров: 254
Вышел React 15.4.0

Давно слежу за популярным фреймворком React. Как слежу, читаю новости и разглядываю демки. Времени изучить и опробовать его в деле пока нет. Фреймворк однозначно стоящий и в следующем году есть планы с ним поковыряться. А пока буду продолжать наблюдать и следить за битвой между Angular 2 и React. Возможно, к следующему году Angular 2 догонит или даже обгонит по популярности React. У обоих проектов огромные сообщества и оба в стадии активного развития.

Во время чтения анонса новой версии, сразу бросилось в глаза рекомендация устанавливать с помощью yarn (сначала приводится вариант с yarn, а потом с npm) - альтернативного клиента для менеджера пакетов.

Читать дальше

gron. grep для JSON. Разбираем JSON в консоле


Рубрика: JavaScript -> Без рамки
Метки: | | |
Просмотров: 316
gron. grep для JSON. Разбираем JSON в консоле

Читаю еженедельную рассылку с новостями из мира JavaScript и заинтересовался анонсом нового модуля - gron. Как гласит лозунг репозитория проекта: “Make JSON greppable!”. Не знаю как правильно перевести фразу на наш великий и могучий, но думаю, можно ограничится: “Сделаем JSON более пригодным для разбора”. Слово “greppable” в данном контексте образуется от “grep” - название известной консольной утилиты в Unix-like системах.

Итак, что же умеет gron и для чего он может понадобиться. Автор проекта дает четкий ответ на этот вопрос: "gron поможет вам разобраться с плохо документируемым API, возвращающими большие JSON пакеты".

Читать дальше

clipboard.js. Как скопировать текст в буфер обмена без помощи Flash


Рубрика: JavaScript -> Программирование
Метки: | | |
Просмотров: 479
clipboard.js. Как скопировать текст в буфер обмена без помощи Flash

Иногда возникает необходимость реализовать в web-приложении возможность копирования определенного текста в буфер обмена. Например, вы делаете какой-нибудь форматтер текста (вроде jsonformatter) и хотели бы чуточку облегчить вашему пользователю жизнь, позволив путем нажатия одной кнопки, поместить результат преобразования в буфер обмена. Согласитесь, отличный кейс?! Подобные задачи периодически возникают, но не всегда их удается быстро решить. Для ускоренного внедрения возможности работы с буфером обмена, Zeno Rocha создал замечательный модуль clipboard.js.

Читать дальше

Эмулятор терминала на JS/HTML/CSS? Вполне реально!


Рубрика: JavaScript -> Без рамки
Метки: | | | |
Просмотров: 530
Эмулятор терминала на JS/HTML/CSS? Вполне реально!

Кто там считает, что JavaScript несерьезный язык программирования? Посмотрите, что на нем пишут особо креативные разработчики. Hyper.app – эмулятор терминала, созданный при помощи web-технологий. Предвижу вопрос: «Зачем»? Во-первых, показать, что нет ничего невозможного, а во-вторых, дать web-разработчикам возможность самостоятельно разрабатывать плагины, не прибегая к изучению других языков программирования/технологий. Пока «Hyper.app» доступен сугубо для macOS и Linux, но разработчики обещают представить Windows версию в ближайшем будущем.

Пока эта штука больше подходит для демонстрации, но начало положено хорошее. Под катаом коротенький ролик с демонстрацией.

Читать дальше

Испытал matreshka.js в маленьком проекте


Рубрика: JavaScript -> Программирование
Метки: | | | | |
Просмотров: 457
Испытал matreshka.js в маленьком проекте

Как-то я уже рассказывал о JavaScript фреймворке с необычным названием – matreshka.js. Я даже брал большое интервью у автора этого проекта (см. Интервью с автором matreshka.js). С тех пор ничего об этом фреймворке не писал, но это не означает, что я его не использую. Матрешка (так писать проще) хороша там, где нужна легкость и скорость.

Недавно у меня была задача разработать простенький front для мобильного кабинета курьеров. По факту нет ничего сложного, главные требования от заказчика были: сделать быстро и качественно, работать должно шустро даже на не сильно производительных смартфонах. Первую версию я запилил достаточно быстро на ванильном JavaScript. Все протестировали, посмотрели производительность и ко второй версии (потребовалось добавить ряд интересных фич) решил перевести проект на метрешку.

Читать дальше

anime.js - легковесная библиотека для создания анимации


Рубрика: JavaScript -> Программирование
Метки: | |
Просмотров: 618
anime.js - легковесная библиотека для создания анимации

В одном из дайджестов по JavaScript нашел для себя полезную библиотеку anime.js. Anime – гибкая и легковесная JavaScript библиотека, помогающая анимировать различные штуки. Если вам нужно добавить анимации, то с помощью anime.js сделать это будет легче. Проект существует не так давно, но уже успел собрать почти семь тысяч звезд на гитхабе. Посмотреть однозначно стоит. Примерок демок можно посмотреть на CodePen.

Читать дальше