Октябрь 2017: 15 интересных библиотек JS и CSS

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

1.Currency

currency.js — это легкая библиотека JavaScript для обработки денежных значений. Она решает проблему с плавающей запятой в JS. Вы можете выполнять основные арифметические операции напрямую, не беспокоясь о точных типах данных, таких как Decimal. В то же время он также подходит для различных типов ввода данных, таких как строки, числа и объекты валюты.

2.Lass

Вы можете использовать Lass для создания инструментов на основе Node.js. Это легко установить, вам просто нужно запустить на терминалеnpm install -g lass, а также предоставляет богатые функции, такие как использование ava модульный тест, использование prettier Автоматически форматировать код, автоматически git init, автоматическое преобразование и использование синтаксиса Markdown Remark Делайте проверки кода и т. д.

3.Fastify

Fastify — это современная среда Node.js, вдохновленная такими проектами, как Hapi и Express. Помимо того, что это одна из самых быстрых сред Node, она также удобна для разработчиков, полностью асинхронна и полностью расширяема (благодаря своим хукам, плагинам и декораторам).

4.Draggable

Draggable — это легкая, отзывчивая JS-библиотека перетаскивания от Shopify. Он предлагает расширенные функции перетаскивания, быстрое переупорядочивание DOM, а также чистый API и разметку доступа. В то же время он также поставляется с некоторыми дополнительными модулями, которые вы можете расширить.

5.Mousetrap

Mousetrap — это простая и легкая библиотека JavaScript для захвата и обработки событий клавиатуры. Он поддерживает события клавиатуры, такие как нажатие клавиши, нажатие клавиши и нажатие клавиши для международных раскладок клавиатуры и цифровых клавиш.

6.src2png

Используя эту библиотеку, вы можете сгенерировать исходный код в виде изображения с подсветкой синтаксиса для отображения. Вы также можете узнать о его рабочем процессе: src2png запускает сервисную программу Poi dev и использует Puppeteer Запустите экземпляр Headless Chrome, завершите рендеринг, обрезку и, наконец, сохраните снимок экрана.

7.Stencil

Stencil — это простой компилятор веб-компонентов. Он сочетает в себе принципы проектирования популярных фреймворков для создания веб-компонентов с использованием TypeScript, JSX, виртуального DOM, реактивной привязки данных и асинхронного рендеринга (аналогично React Fiber).

8.Words To Numbers

Words To Numbers — интересная библиотека JS, которая распознает слова и преобразует их в числа. Если переданная строка является числом, она вернет соответствующее значение, в противном случае будет возвращена исходная строка. вы также можете использовать Jaro distance Выполняет наилучшее сопоставление нечеткого текста, даже если в строке есть слова с ошибками, это не влияет на результаты сопоставления.

9.Mail for Good

Mail for Good — это программное обеспечение для управления почтовым маркетингом с открытым исходным кодом для отправки через сервис Amazon AWS Easy Mail. Он предоставляет множество функций для отправки и управления электронной почтой, таких как отправка электронных писем неограниченного размера, импорт электронных писем в формате CSV, создание шаблонов и отслеживание показателей отказов электронной почты.

10.Devices.css

Devices.css — это библиотека для реализации мобильных устройств с использованием чистого CSS. Он включает в себя некоторые современные мобильные устройства, такие как iPhone X, Google Pixel 2 XL и Samsung Galaxy S8. Благодаря качественному дизайну его можно использовать для целевых страниц или веб-снимков.

11.AR.js

Хотите испытать дополненную реальность на своем мобильном устройстве? Затем AR.js поможет вам завершить путешествие. Он полностью основан на Интернете и без проблем работает на мобильных телефонах с использованием webgl и webrtc.

Если вы хотите попробовать, вы можете сначала открыть эту демонстрацию: Сначала откройтеизображения Хиро, затем откройте в браузере телефона AR Web APP , и перенесите его на экран вашего компьютера.

12.SentinelJS

SentinelJS — это небольшая библиотека JavaScript, которая позволяет обнаруживать новые узлы DOM с помощью селекторов CSS. Когда добавляется новый узел DOM, он использует одну из анимаций CSS.@keyframesправило, добавьте его в событие animationstart браузера.

13.Luma.GL

Luma.GL — это платформа WebGL2 для вычисления и визуализации данных графического процессора. Он позволяет отображать большие объемы данных в браузере с помощью высокопроизводительного WebGL2, а также загружает высокоуровневую библиотеку API.deck.gl

14.Zoomove

Это плагин jQuery, который позволяет динамически масштабировать изображения при перемещении мыши. Его легко установить и использовать, он предоставляет множество свойств, таких как настройка URL-адреса изображения, размер масштаба, указатель курсора и т. д., и совместим с Chrome 42+, Firefox 41+, Safari 9+, Opera 29+ и IE 9+.

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

15.Scrollanim

Scrollanim — это легкая библиотека CSS3 + JS для создания анимации прокрутки. Это библиотека с открытым исходным кодом и проста в использовании. Благодаря использованию Animate.css и богатой встроенной анимации CSS3 вы можете выбирать эффекты анимации, такие как постепенное появление, исчезновение и т. д.

Спасибо за прочтение. Если у вас что-то получилось, ставьте лайк и делитесь.

Примечание:

Авторские права на эту статью принадлежат оригинальному автору и используются только для обучения и общения;
Если вам нужно перепечатать перевод, пожалуйста, укажите ниже информацию об источнике, спасибо!

Еще статьи:

Сентябрь 2017: 15 интересных библиотек JS и CSS
Август 2017: 15 интересных библиотек JS и CSS
Июнь 2017: 15 интересных библиотек JS и CSS

Также приглашаем подписаться на мой WeChat【Лев ИТ-программы】, время от времени делитесь обучающими ИТ-статьями и ресурсами.