js, необходимая для эффективной фронтенд-разработки

Раньше многие люди спрашивали, какие js-библиотеки нужно изучить, чтобы изучить интерфейс, и должен ли основной фреймворк изучать vue или реагировать?

Прежде всего, я думаю, что прежде чем изучать какие-либо знания, вы должны иметь четкую цель обучения и знать, почему вы хотите это изучить, вместо того, чтобы читать Интернет, чтобы привить все виды знаний и позволить вам изучить все виды библиотек, поэтому чтобы постоянно вызывать у всех тревогу.

внешний интерфейсБлагодаря низким барьерам входа замена происходит очень быстро, каждый год появляется большое количество новых фреймворков и библиотек, а большое количество библиотек ликвидируется (таких какJQuery, но изучать его дизайнерские идеи необходимо). Так что нам не нужно об этом беспокоиться, держим свой темп обучения, и учимся по мере необходимости. Например, вас больше интересуют мобильные терминалы, а ваша работа происходит использовать некоторые технические навыки приложения, то я могу специализироваться на технологиях и фреймворках, связанных с мобильными устройствами, или если вы заинтересованы в корпоративных продуктах back-end/middle-end и предпочитаете разрабатывать проекты на стороне ПК, то мы можем специализироваться на этом типа js-библиотеки или фреймворка, а затем подключиться. Далее автор также организует js-библиотеку, которую можно быстро применить для работы в соответствии с потребностями различных интерфейсных предприятий, чтобы повысить эффективность разработки каждого.

js общие инструменты

1. lodashПоследовательная, модульная, высокопроизводительная служебная библиотека JavaScript.
2. ramdaВажная библиотека, которая предоставляет множество полезных методов, каждый программист JavaScript должен освоить этот инструмент.
3. day.jsОблегченная библиотека JavaScript для обработки времени и даты, дизайн API Moment.js остается точно таким же, а объем составляет всего 2 КБ.
4. big.jsНебольшая и быстрая библиотека JavaScript для десятичной арифметики произвольной точности.
5. qsОблегченная js-библиотека для преобразования параметров URL (анализ и преобразование в строку)

дом библиотека

1. JQueryОн инкапсулирует различные операции с домом/событием, и идея дизайна достойна изучения и ссылки.
2. zeptoОблегченная версия jquery, подходящая для мобильной работы.
3. fastclickПростая в использовании библиотека, которая устраняет задержку в 300 мс между физическим кликом и запуском события клика в мобильных браузерах. Цель состоит в том, чтобы ваше приложение чувствовало себя менее задержкой и более отзывчивым, не мешая вашей текущей логике.

обработка файлов

1. file-saverРешение для сохранения файлов на стороне клиента, идеально подходящее для веб-приложений, генерирующих файлы на стороне клиента.
2. js-xlsxМощная библиотека для разбора и записи файлов Excel.

сетевой запрос

1. AxiosHTTP-библиотека на основе Promise для выполнения HTTP-запросов в Node.js и браузерах, поддерживающая все современные браузеры, даже IE8+.
2. SuperagentОптимизация на основе Ajax, может использоваться с HTTP-клиентом Node.js.
3. fly.jsБиблиотека http-запросов на основе обещаний, которую можно использовать в node.js, Weex, апплете WeChat, браузере, React Native.

Библиотека анимации

1. Anime.jsБиблиотека анимации JavaScript, которая может обрабатывать свойства CSS, отдельные переходы CSS, SVG или любые свойства DOM и объекты JavaScript.
2. VelocityЭффективный механизм анимации Javascript с тем же API, что и $.animate() в jQuery, а также поддерживающий такие эффекты, как цветная анимация, переходы, зацикливание, мольберт, поддержка SVG и прокрутка.
3. VivusБиблиотека анимации JavaScript с нулевой зависимостью, которая позволяет нам анимировать с помощью SVG, чтобы придать ему вид нарисованного.
4. GreenSock JSБиблиотека анимации JavaScript для создания высокопроизводительной кросс-браузерной анимации с нулевой зависимостью, используемая на более чем 4 миллионах веб-сайтов и доступная в проектах React, Vue, Angular.
5. Scroll RevealНулевые зависимости, обеспечивающие простую анимацию прокрутки для веб-браузеров и мобильных браузеров для анимации прокручиваемого контента.
6. Kute.jsМощный, высокопроизводительный и расширяемый собственный движок анимации JavaScript с базовыми функциями для кросс-браузерной анимации.
7. Typed.jsПлагин js для простого эффекта набора текста
8. fullPage.jsБиблиотека анимации прокрутки js, с помощью которой можно легко создать полноэкранный веб-сайт с прокруткой, с незаменимой совместимостью.
9. iscrollЛегкий плагин прокрутки для мобильных устройств

Связанные с мышью/клавиатурой

1. KeyboardJSБиблиотека для использования в браузере (совместимая с node.js). Она позволяет разработчикам легко устанавливать привязки клавиш и использовать комбинации клавиш для установки сложных привязок.
2. SortableJSМощная библиотека перетаскивания JavaScript

Библиотеки графики/обработки изображений

1. html2canvasМощный браузерный инструмент для создания снимков экрана, разработанный с использованием js.
2. dom-to-imageБиблиотека, которая может преобразовывать произвольные узлы DOM в векторные (SVG) или растровые (PNG или JPEG) изображения, написанные на JavaScript.
3. picaОчень быстрая библиотека обработки изображений для изменения размера изображений в браузере без искажения пикселей.
4. Lena.jsЛегкая библиотека js, которая может добавлять различные фильтры к вашим изображениям.
5. Compressor.jsБиблиотека js для сжатия изображений с потерями с использованием собственного API canvas.toBlob.
6. Fabric.jsПростой в использовании редактор изображений, основанный на элементе холста HTML5.
7. merge-imagesПлагин js, который объединяет несколько изображений в одно изображение.
8. cropperjsМощная библиотека обрезки изображений, которая поддерживает гибкие методы обрезки изображений.
9. GradeБиблиотека для создания дополнительных градиентных фонов на основе первых двух доминирующих цветов изображения.

В последующем автор продолжит итерацию документа в соответствии с потребностями бизнеса или проекта.Если вы чувствуете, что вам нужно добавить дополнения, вы можете отправить дополнение на github.Адрес github:GitHub.com/Mr X U соус/…