Мало знаний, большой вызов! Эта статья участвует в "Необходимые знания для программистов«Творческая деятельность
Эта статья приняла участие"Проект "Звезда раскопок"", чтобы выиграть творческий подарочный пакет и бросить вызов творческим поощрительным деньгам
предисловие
Передняя часть настолько очаровательна, что все программисты мира преклоняются перед ней.
Передние знания ослепительны, хороши и плохи, так что мы тратим много времени на процесс проверки. Чтобы избежать повторного создания колес и повысить эффективность разработки, веб-сайты, используемые в широко используемой фронтенд-разработке, классифицируются.
Продолжение будет улучшаться, рекомендуется добавить в избранное (Ctrl + D или команда + D) в случае крайней необходимости.
Вспомогательная библиотека JavaScript
lodash
underscore
outils
GitHub.com/про янь/рвота…(Библиотеку инструментов бизнес-кода можно импортировать по мере необходимости и щелкнуть, чтобы просмотреть реализацию функции напрямую. Ее легко изучить и использовать, и я лично считаю, что она того стоит.рекомендовать. )
ramda
github.com/ramda/ramda(Инструментальная библиотека из-за рубежа, просто поймите, обычно не используется.)
Общая библиотека анимации, сводка диаграмм (обычно используется)
animejs
animejs.com/(рекомендовать, всего 7кб после сжатия, прост в использовании, можно добиться более сложных эффектов)
animista
animista.net/play/basic (Рекомендуется попробовать, пользовательский артефакт анимации, с его помощью вы можете генерировать код анимации CSS по желанию, а затем копировать его в проект, эффективно сокращая избыточный неиспользуемый код CSS)
animate.css
GitHub.com/animate-CSS…(Файл слишком большой, после сжатия осталось еще 72кб, это немного разочаровывает 😔)
three.js
GitHub.com/Мистер не понимает ОО/Он и горячий…(реализация 3d анимации на основе WebGL)
d3js
www.d3js.org.cn/(Библиотека визуализации данных, хорошая совместимость)
echarts
E charts.apache.org/this/index.contracts…(рекомендовать, как всем известно, он был захвачен Apache)
Chart.js
highcharts
коллекция библиотек npm
查npm的下载情况
npm-stat.com/(Введите имя пакета npm, несколько имен пакетов разделяются запятыми, нажмитеShow chartsВы можете запрашивать и отображать данные о днях, неделях, месяцах и годах), как показано ниже.
`通过分析和对比，我们能初步的评估其生态和活跃度。在技术选型上也能给我们提供参考帮助`
npm包下载量对比
常用的npm包
vuex-persistedstate,vuex-persist , js-cookie
, budo , anywhere , http-server ,lodash, echarts, dayjs, screenfull, qrcodejs2, буфер обмена, vue-clipboard2, nprogress, downloadjs, crypto-js,md5,uuidмокейс,pdfkit,node-html-pdf,winston(служба журналов), mockjs, vue-quill-editor,node-cron (временная задача),lru-cache (кеш страниц),чокидар (мониторинг файлов),dotenv-defaults (система dotenv, которая поддерживает значения по умолчанию, аналогичные devalue), имена классов, строка запроса, vue-lazyload, terser-webpack-plugin, webpack-bundle-analyzer, сжатие-webpack-plugin,sequelize(инструмент Nodejs ORM),nodemon(узел запускает инструмент мониторинга),ts-node,руководство по стилю js (со 116 тысячами звезд)
Внешний мониторинг, скрытая точка
growingio
www.growingio.com/(называется gio, статистика скрытых точек, визуализация данных хороша, и многие компании используют ее.)
fundebug
www.fundebug.com/(платные продукты могут поддерживать js, nodejs, апплет, java и т. д. Если у вас есть условия для самостоятельных исследований, вы можете обратиться к этому)
sentry
sentry.io(Автоматическая отчетность об ошибках и исключениях)
sonar
Артефакт сканирования кода внешнего интерфейса (рекомендовать, используемый многими компаниями и совместимый с разными языками. Сканируйте, чтобы найти потенциальные ошибки в коде)
kibana
Функция похожа на часовую и сообщает об ошибках на стороне сервера.
pinpoint
(Инструменты для статистики и мониторинга состояния интерфейса)
阿里 应用实时监控服务ARMS
(Статистика данных, визуализация скрытых точек)
腾讯日志服务
cloud.Tencent.com/document/cheat…(Статистика данных, визуализация скрытых точек)
友盟
www.umeng.com/(Статистика данных, визуализация скрытых точек)
Пользовательский интерфейс, библиотека инструментов CSS
svga
svga.io/index.html(Воспроизведение высокотехнологичной анимации)
gka
GitHub.com/его личная сеть/а…(Рекомендуется попробовать, быстрая оптимизация изображения в один клик, создание анимационных файлов)
tinypng
tinypng.com/(Необходимый инструмент для внешнего онлайн-сжатия)
vue ui库
elementUI,iview,vantUI (с похвалой),antdv...Я не буду представлять их здесь по одному.
react ui库
Material-UI(Лично я считаю, что пользовательский опыт действительно хорош, например, рябь на воде и т. Д.),antDesign,semantic-ui(Кажется, больше используется за рубежом, не знаю, удобно ли им пользоваться, кто-нибудь пользовался?)
angular
ngAnt(В принципе то же самое в Китае),Angular Material(больше за границей)
другие инструменты
Отладка программного обеспечения на нескольких мобильных устройствах одновременно:responsively.app/
Запрос на совместимость внешнего свойства и метода:caniuse.com/
Онлайн-IDE:
Онлайн конвертация (es6 в es5)
BabeljsПреобразование адресов онлайн
es6consoleКонвертируйте и запускайте онлайн
tool.lu
Загрузка типа шрифта:m.fonts.net.cn/
Инструменты размещения изображений:sm.ms/ (Грубо говоря, выдает картинки...
Хостинг значков шрифтов:www.iconfont.cn/
Изготовление шрифта:zhuanlan.zhihu.com/p/335738698(Прямое введение третьей библиотеки шрифтов очень велико, оказывает большое влияние на производительность страницы. Таким образом, вы можете использовать библиотеку инструментов, добавляя текст к указанному шрифту.) [Font-spider (word Spider)]fontcreator
WebAssembly: www.wasm.com.cn/(Полностью портативный, небольшой размер, быстрая загрузка и совместимость с новым форматом Интернета)
Динамически генерировать изображения:dummyimage.com/(Это то, что используется для генерации изображений в mockjs. Некоторые китайские языки не могут отображаться, поэтому их можно преобразовать в традиционный китайский)
наконец
Если вы найдете это полезным, пожалуйста,点赞、关注Служба поддержки. Если у вас есть полезные инструменты и библиотеки, я надеюсь, что вы можете оставить сообщение ниже👇🏻, большое спасибо.
Похожие статьи портала
Личные недавние отмеченные наградами статьи
Ссылка на статью:Два предложения CSS для решения проблемы зависания при прокрутке страницы? 😅😅(Автор: тагер)
Официальное объявление:nuggets.capable/post/702325…
автор:
tager
Адрес связанной статьи:https://juejin.cn/user/4353721776234743/posts
Авторские права принадлежат автору. Для коммерческих перепечаток, пожалуйста, свяжитесь с автором для получения разрешения, а для некоммерческих перепечаток, пожалуйста, укажите источник.