Автор: Ирэн Коркишко
Переводчик: Front-end Xiaozhi
Источник: разработчик
Ставьте лайк и смотрите снова, формируйте привычку
эта статьяГитхаб:GitHub.com/QQ449245884…Он был включен в вышеизложенное, и более ранние высоко оцененные статьи были засекречены, а также было систематизировано множество моих документов и учебных материалов. Добро пожаловать в Star and Perfect. Вы можете обратиться в тестовый центр для ознакомления во время собеседования. Надеюсь, у нас что-то получится вместе.
Перейдем сразу к делу и посмотрим, какие полезные и популярные библиотеки стоит использовать.
1.nodemon
GitHub:GitHub.com/Remy/нет демо…
GitHub Stars: 19.6 k
При подготовке к вводу в эксплуатациюNode.jsПроект после изменения кода необходимо часто закрывать вручную, а затем перезапускать, что очень громоздко. Теперь мы можем использоватьnodemonЭтот инструмент, его роль заключается в отслеживании изменений в файле кода и автоматическом перезапуске при изменении кода.
2.Sharp
URL-адрес:sharp.pixelplumbing.com/en/stable/
GitHub:GitHub.com/Lovell/Убийство…
GitHub Stars: 15 k
sharpЭто очень популярная библиотека обработки изображений на платформе Node.js, которая на самом деле инкапсулирована на основе библиотеки libvips, написанной на языке C, поэтому высокая производительность также стала основным преимуществом Sharp. Sharp может легко реализовать стандартные операции редактирования изображений, такие как кадрирование, преобразование формата, преобразование поворота, добавление фильтров и т. д.
3.Fabric.js
**URL:**fabricjs.com/
GitHub:GitHub.com/фабрика JS/…
GitHub Stars: 14.6 k
Fabricэто мощная и простая библиотека JS Canvas, мы можем использовать ее для достиженияCanvasСоздавайте, заполняйте и заполняйте фигуры градиентными цветами. Комбинированная графика (включая комбинированную графику, графический текст, изображения и т. д.) и ряд функций. Проще говоря, мы можем использоватьFabricДля того, чтобы достичь более сложного более простым способомCanvasФункция
4.Immer
URL-адрес: Мальтийский чат.GitHub.IO/IMMair/docs/…
GitHub:GitHub.com/IM Marchis/IM Mai…
GitHub Stars: 14.3 k
ImmerдаmobxНеизменяемая библиотека, написанная автором основной реализации, должна использовать ES6.proxy, который реализует неизменяемую структуру данных js практически с минимальными затратами и решает множество сложных задач в повседневной разработке.
5.Mark Text
URL-адрес: marktext.app/
GitHub:GitHub.com/mark text/ma…
GitHub Stars: 14 k
То, что Mark Text теряет и видит, отказывается от метода письма слева и предварительного просмотра справа многих редакторов уценки и умело интегрирует редактирование и предварительный просмотр.
6.React Testing Library
URL-адрес: testing-library.com/react
GitHub:GitHub.com/testing-Church…
GitHub Stars: 9.9 k
Простая и полная утилита для тестирования React DOM, которая поощряет передовые методы тестирования.
7.PostGraphile
Документация: woohoo.graph i got.org/post graph IL…
GitHub:GitHub.com/graph я получил/сломан…
GitHub Stars: 8.2 k
PostGraphileмгновенноGraphQL API.PostGraphileАвтоматически обнаруживайте таблицы, столбцы, индексы, отношения, представления, типы, функции, аннотации и многое другое.
8.Botpress
Адрес веб-сайта: botpress.io/
GitHub:GitHub.com/бот-пресс/тонкий…
GitHub Stars: 8.2 k
Открытый исходный код, написанный на JavascriptbotСоздавайте инструменты на основе богатого набора исходных модулей, созданных сообществом. мы любим говоритьBotpressподобноChatbotsизWordpress; Любой может создавать и повторно использовать чужие модули.
9.downshift
Адрес веб-сайта: downshift.netlify.com/
GitHub:GitHub.com/downshift — просто…
GitHub Stars: 7.7 k
downshiftПримитивы для создания простых, гибких, совместимых с WAI-ARIA расширенных компонентов ввода React
10. NG Bootstrap
Адрес веб-сайта: ng-bootstrap.github.io/#/home
GitHub:GitHub.com/that-boots натуральный и…
GitHub Stars: 7.3 k
NG Bootstrapосновывается наAngularразвитиеBootstrap CSSнабор инструкций фреймворка, который предназначен дляBootstrap 4развитиеAngularкомпоненты, поui-bootstrapПостроение команды.
11.Ajv
Адрес веб-сайта: ajv.js.org/
GitHub:GitHub.com/EPO B и EZ, родственники…
GitHub Stars: 6.7 k
AJVосновывается наJSON-SchemaПакет зависимостей, который может быть определен намиSchemaФормат используется в качестве параметра для создания объекта. Конструктор этого объекта можно использовать для определения достоверности данных. Кроме того, его можно настроитьdirectiveпроизводить то, что нам нужноformat.
12.Wiki.js
Адрес веб-сайта: wiki.js.org/
GitHub:GitHub.com/Re кварки/я…
GitHub Stars: 6 k
Wiki.jsосновывается наNode.js,Gitа такжеMarkdownБесплатный с открытым исходным кодом, современный и мощный встроенныйwikiзаявление. Поддержка входа пользователя, позволяющая пользователям регистрироваться локально или использовать напрямуюMicrosoft,Google,GitHub等账户无缝登录体验，并选择限制对特定用户或甚至部分内容的Wiki访问。还可以定时远程备份数据到Git远程仓库。 служба поддержкиWindows,Linuxа такжеMacплатформа, давайте поговорим об этом здесьLinuxРуководство по ручной установке системы.
13.Ky
GitHub:Res или Fox на GitHub.com/sin…
GitHub Stars: 5 k
Kyоснован на браузереFetch APIЛаконичный и элегантный HTTP-клиент.
14.tui.chart
Адрес веб-сайта: ui.toast.com/tui-chart/
GitHub:GitHub.com/You Can/Return.Check…
GitHub Stars: 4.4 k
tui.chartпредставляет собой интуитивно понятную и простую в применении красивую диаграмму визуализации данных. Библиотека JavaScript с открытым исходным кодом,
Может использоваться в устаревших браузерах, включая IE8, для более детального изменения диаграмм с множеством параметров и пользовательских тем.
15.Duktape
GitHub:GitHub.com/SV AA RA pull/степень…
GitHub Stars: 4.2 k
Duktape— это легкий встроенный движок JavaScript с акцентом на переносимость и компактность.
DuktapeЕго можно легко интегрировать вC/C++В проекте: нужно толькоduktape.c,duktape.hа такжеduk_config.hДобавьте три файла в свой проект сборки и используйте API Duktape для реализации двунаправленных вызовов из кода C в функции ECMAScript.
16.vue-interactive-paycard
кейс: codespray.IO/JavaScript J…
GitHub:GitHub.com/Уши Мухаммеда…
GitHub Stars: 4 k
vue-interactive-paycardпредставляет собой форму кредитной карты с гладкими и микроинтерактивными функциями. включая форматирование номера, проверку и автоматическое определение типа карты, используяVue.jsвстроенный и полностью отзывчивый.
17.node-qrcode
GitHub:GitHub.com/sold air/nod…
GitHub Stars: 3.5 k
node-qrcode是Генератор QR-кода/двухмерного штрих-кода.
18.WebGLStudio.js
GitHub:Github.com/ja с jo / web ...
GitHub Stars: 3.6 k
WebGLStudio.jsпредставляет собой браузерный пакет 3D-графики с открытым исходным кодом. Сцены и материалы, дизайнерские эффекты и шейдеры можно редактировать в браузере с помощью стандартных веб-технологий.
некоторые важныеWebGLStudio.jsФункция:
-
Полный 3D-графический движок (LiteScene.js) с поддержкой нескольких источников света, карт теней, отражений в реальном времени, пользовательских материалов, постэффектов, скинов, анимации и многого другого.
-
Простой в использовании редактор (Wysiwyg), предоставляющий единый интерфейс для всех функций кодирования, синтеза графики и временной шкалы.
-
Постобработка для управления поведением и эффектами графического редактора.
-
служба поддержки
LiteFileSystem.js, которая представляет собой виртуальную файловую систему, позволяющую перетаскивать ресурсы хранения в Интернете с настраиваемыми квотами, пользователями и общими папками. -
Экспортируйте и делитесь своей работой, отправив одну ссылку.
19.vue-chartjs
Адрес веб-сайта: vue-chartjs.org/
GitHub:GitHub.com/aperture ЛЕС…
GitHub Stars: 3.4 k
vue-chartjsПозвольте вам использовать его лучше в VueChart.js. Для тех, кто хочет начать как можно скорее и запустить простую диаграмму людей, которая абстрагирует некоторую простую логику, но также раскрываетChart.jsобъекта, что обеспечивает большую гибкость.
20.ScrollTrigger
Адрес веб-сайта: Тарван Эрик.GitHub.IO/scroll TR IgG…
GitHub:GitHub.com/Тарван-Эрик/…
GitHub Stars: 3.1 k
ScrollTriggerИспользуется для запуска класса на основе текущей позиции прокрутки. Например. Когда элемент входит в окно просмотра, добавьте его. Пользовательские смещения могут быть добавлены к каждому элементу или установлены смещения в области просмотра (например, всегда срабатывать после того, как элемент достигает 20% области просмотра).
21.Geolib
GitHub:GitHub.com/Мануэль Не надо и/…
GitHub Stars: 2.9 k
Geolib— это библиотека, обеспечивающая базовые геопространственные операции, такие как вычисление расстояний, преобразование десятичных координат в шестнадцатеричные и наоборот и т. д. В настоящее время эта библиотека является 2D.
22.progress-estimator
GitHub:GitHub.com/не Вон/pro…
GitHub Stars: 1.9 k
progress-estimator: запишите индикатор выполнения и оцените, сколько времени потребуется для выполнения Promise.
23.node-oracledb
Адрес веб-сайта: Oracle.GitHub.IO/узел-Оракул…
GitHub:GitHub.com/Oracle/узел…
GitHub Stars: 1.7 k
node-oracledbдрайвер подключен кOracleБаза данных, улучшите скорость приложения и обогатите функции приложения. Это проект с открытым исходным кодом с лицензией Apache 2.0. это состоит изOracleТехническое обслуживание, все еще в разработке.
24.node-mssql
Адрес веб-сайта: tediousjs.github.io/node-mssql
GitHub:Github.com/tedious это / вы ...
GitHub Stars: 1.6 k
node-mssqlявляется цельюNode.jsизMicrosoft SQL Serverклиент.
25. Proton
Адрес веб-сайта: a-jie.github.io/Proton/
GitHub:GitHub.com/ah-pick/proto…
GitHub Stars: 1.5 k
Protonэто легкая библиотека анимации частиц Javascript. Используйте его, чтобы легко создавать множество крутых эффектов частиц.
26.litegraph.js
GitHub:GitHub.com/JA и Джо/Stereo…
GitHub Stars: 1.3 k
использоватьJavascriptНаписан движок узла графа и редактор.
27.Ackee
Адрес веб-сайта: ackee.electerious.com/
GitHub:GitHub.com/elect E Япония Европа Город…
GitHub Stars: 1.2 k
Ackeeявляется самостоятельным размещением, основанным наNode.jsинструменты аналитики для тех, кто заботится о конфиденциальности.AckeeРаботает на наших собственных серверах, анализирует трафик нашего веб-сайта и предоставляет полезную статистику в минимальном интерфейсе.
28.SiriWave
GitHub:GitHub.com/KO Такие, как О/Четвертый…
GitHub Stars: 949
SiriWaveэто использоватьCanvas API"Скопировано на чистом JS"Apple SiriФорма волны.
29.VSCode Glean
VSCode Glean— это расширение, предоставляющее инструменты рефакторинга для вашей кодовой базы React/Javascript/Typescript.
GitHub:GitHub.com/я думаю/против кода-…
GitHub Stars: 868
VSCode Gleanэто расширение, которое может бытьReact/Javascript/TypescriptCodebase предоставляет инструменты рефакторинга
30.react-inlinesvg
кейс: codesandbox.io/s/j25bv
GitHub:Github.com/Гил Барбара/...
GitHub Stars: 802
react-inlinesvgдля ReactJSSVGКомпонент загрузчика
31.elm-live
Адрес веб-сайта: www.elm-live.com/
GitHub:GitHub.com/Я вижу ing-IO/Плохо…
GitHub Stars: 795
elm-liveдаElmгибкий сервер разработки
32.foxr
GitHub:GitHub.com/deep sweet/…
GitHub Stars: 750
foxrПохоже на Puppeteer для управленияFirefoxAPI Node.js.
33.cockatiel
GitHub:GitHub.com/Connor4312/…
GitHub Stars: 746
Cockatiel— это библиотека для устойчивой и временной обработки сбоев с такими стратегиями, как повторные попытки, автоматические выключатели, тайм-ауты, изоляция переборок и откат.
34. Transloco
Адрес веб-сайта: transloco.netlify.com/
GitHub:GitHub.com/NGN есть/Вдруг…
GitHub Stars: 594
TranslocoдаAngularБиблиотека интернационализации (i18n). Это позволяет нам определять переводы для контента на разных языках и легко переключаться между ними во время выполнения.
оригинал:Dev.to/Айрис застряла в теле…
Ошибки, которые могут существовать после развертывания кода, не могут быть известны в режиме реального времени.Чтобы решить эти ошибки впоследствии, много времени тратится на отладку журнала.Кстати, я рекомендую всем полезный инструмент мониторинга ошибок.Fundebug.
общаться с
Статьи из серии галантерейных товаров резюмируются следующим образом: если вы чувствуете себя хорошо, нажмите «Звезда», добро пожаловать в группу, чтобы учиться друг у друга.
Я Сяо Чжи, автор официального аккаунта "Moving the World",Продолжайте знакомить энтузиастов с передовыми технологиями. Я буду часто делиться тем, что я узнал и увидел, На пути продвижения, давайте подбадривать друг друга!
Нет общественного внимания, фон ОтветитьБлагосостояние, вы можете увидеть преимущества, вы знаете.