Обзор интерфейсных ресурсов
содержание
- Фреймворк JavaScript
- JavaScript-библиотека
- Фреймворк пользовательского интерфейса
- Фронтенд-фреймворк игры
- упаковочный инструмент
- Передние леса
- Фреймворк Node.js
- Плагин визуализации
- CSS-процессор
- связанные с тестом
- государственное управление
- Небольшая программа, связанная
- Инструмент анализа производительности
- инструмент управления пакетами
- Спецификация внешнего кодирования
- Интеграция и автоматизация проекта
- git-репозиторий
- онлайн-инструменты
- Идентификация ua
- взаимодействие со страницей
- jquery
- lodash
- zepto
- underscore.js
- sprint
- lazy.js
- dayjs
- dayjs
- moment
- tui.calendar
- em-cookie
- EM-NORMALIZE
- quasar-framework
- vue-material
- vuetify
- muse-ui
- buefy
- element-ui
- vulma
- vue-bulma-components
- iview-ui
- AT-UI
- v-semanticsemantic-ui
- bootstrap-vuebootstrap-4
- fish-ui
- Zircle UI
- vue-mdc-adapter guidelines.
- Material Components Vue material-components-web
- PrimeVue
- vuesax
- vuecidity
- em-fe
на основе углового
на основе jquery
Фронтенд-фреймворк игры
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
- Stage.js
- Phaser — быстрый, бесплатный игровой фреймворк HTML5 с открытым исходным кодом.
- lufylegend.js
упаковочный инструмент
Передние леса
Фреймворк Node.js
Плагин визуализации
CSS-процессор
связанные с тестом
государственное управление
Небольшая программа, связанная
Инструмент анализа производительности
- analyze-cssАнализатор сложности и производительности селектора CSS
инструмент управления пакетами
Спецификация внешнего кодирования
- Руководство Airbnb по кодированию JavaScript
- JavaScript Standard Style
- clean-code-javascript — руководство по стилю кодирования javascript
- spec- Спецификация кода клиентской команды Baidu
Интеграция и автоматизация проекта
- непрерывная интеграция Travis-ci
- непрерывная интеграция по кругу
- непрерывная интеграция gitlab-ci
- Обнаружение внешних зависимостей snyk.io
- Отчет о тестовом покрытии codecov.io
git-репозиторий
онлайн-инструменты
онлайн программирование
- Интерфейсное программирование jsfiddle
- Интерфейсное программирование plnkr
- Интерфейсный код программирования
- Фронтенд-программирование jsbin
- Синтаксис компилирует babeljs в режиме реального времени
конвертировать
- Онлайн-инструмент преобразования временной метки (временной метки Unix)
- Преобразование изображения Base64
Управление иконками
разное
- Обычный
- сравнение файлов
- Офисное программное обеспечение (документы, листы, слайды, формы)
- svg
- markdown
- Сжатие изображения
- Блок-схема, интеллект-карта, UML, топология сети
идентификация UA
взаимодействие со страницей
Slider
- slick - the last carousel you'll ever need
- Swipe - the most accurate touch slider
- Swiper - Most modern mobile touch slider
- iscroll - Smooth scrolling for the web
- iSlider - Мобильный скользящий компонент
- OwlCarousel - create beautiful responsive carousel slider
- jquery-mousewheel — jQuery-плагин обнаружения прокрутки колесика мыши
- Glide.js — легкий компонент слайдера
- PhotoSwipe
- TouchSlide - Эффекты скольжения по сенсорному экрану (карта фокуса, переключение вкладок)
- better-scroll - inspired by iscroll, and it supports more features and has a better scroll perfermance
Водопады текут
Ленивая загрузка / загрузка прослушивания / предварительная загрузка
- imagesLoaded
- Echo.js
- lazySizes
- jquery_lazyload
- BttrLazyLoading
- lazyload.js
- layzr.js — небольшая и быстрая библиотека отложенной загрузки изображений.
- waitForImages — библиотека прослушивателя загрузки изображений
- PxLoader — библиотека предварительной загрузки JS: реализует функцию предварительной загрузки различных файлов, таких как изображения и звуки.
- bindWithDelay - jQuery Plugin For Delayed Event Execution
- TypeWatch — вызывается при остановке ввода
Карусель изображений (слайд-шоу)/отображение изображений
- FlexSlider
- unslider - Маленькая и красивая карусельная библиотека
- prettyPhoto
- FlickerPlate - A cool jQuery plugin that lets you flick through content.
- Holder.js - Client-side image placeholders.
- RowGrid.js — размещение изображений прямыми рядами
- ImageLightbox.js — эффект лайтбокса
- JQuery Panorama Viewer — панорамный вид
- Интенсивные изображения — просмотр изображений в полноэкранном режиме
- Picturefill — JS-плагин с отзывчивым изображением
- zoom.js — Плагин jQuery для увеличения изображения.
- watermarkjs — JS-библиотека для добавления водяных знаков изображений в браузер.
- responsive-images.js
- Turntable.js — Простое 3D-вращение изображений
- ResponsifyJS — делайте изображения полностью адаптивными, не жертвуя основной частью изображения.
- react-slick — плагин карусели для React
Обрезка/обработка изображений
- Jcrop - Image Cropping Plugin for jQuery
- croppic - an image cropping jquery plugin
- smartcrop.js — библиотека интеллектуальной обрезки изображений
- jQuery.eraser — Плагин для стирания изображений
- Dd_belatedpng.js - Сделать IE6 поддержки прозрачные PNG изображения
- FocusPoint.js реализует адаптивную обрезку изображений.
- imgareaselect
- CSSgram — библиотека фильтров Instagram, реализованная на CSS.
- instagram.css — еще один фильтр CSS для Instagram
- antimoderate — библиотека размытия изображения
Индикатор выполнения/анимация загрузки (загрузка)
- NProgress.js
- progress.js
- Pace - Automatic page load progress bar
- jquery-ajax-progress
- nanobar - Very lightweight progress bars.
- waitMe - приятный эффект загрузки
- spin.js
- sonic.js
- fakeLoader.js
- loaders.css — CSS-фреймворк с оптимизированной производительностью для реализации анимации загрузки.
- css-loaders
- Колбаса — отслеживайте полосу прокрутки и записывайте текущий узел чтения
- loading.io- Веб-сайт со значком загрузки
Плагин бокового скольжения (offcancas)
- pushy - a responsive off-canvas navigation menu
- Slideout.js — сенсорное меню навигации для мобильных веб-приложений.
Меню
- SuperFish — каскадное выпадающее меню на основе jQuery
- Responsive Nav — адаптивная навигация
- metisMenu - A jQuery menu plugin
Обнаружение прокрутки (ScrollSpy)
- jquery-scrollspy(1)
- jquery-scrollspy(2)
- Waypoints
- ScrollMagic — используйте полосы прокрутки, как индикаторы выполнения
Прокрутите, чтобы загрузить больше/Потяните, чтобы обновить
- jScroll
- web-pull-to-refresh
- pulltorefresh
- RubberBand.js - add pull-to-refresh functionality to any page.
Плагин Smooth Scroll (Плавная прокрутка)
- jquery-smooth-scroll
- jquery.scrollTo — плавная прокрутка до указанной позиции на странице
- smooth-scroll
- scrollUp
- lift.js — JS-плагин, имитирующий лифт, работающий «задом наверх».
Полноэкранная прокрутка/переключение в полноэкранный режим
- pagePiling.js - эффект полноэкранной прокрутки
- fullPage.js
- onepage-scroll
- zepto.fullpage — fullPage.js для мобильных устройств
- screenfull.js — включить полноэкранный режим
Прокрутка разделенного экрана
эффект перехода
Фиксированный элемент (липкий)
- sticky - jQuery Plugin for Sticky Objects
- jquery.pin — закрепленные элементы страницы
- stickUp
- Slinky.js — объединение заголовков для создания скользящего списка навигации.
сенсорное событие
Перетащите компоненты
- Draggabilly — библиотека JS, ориентированная на функциональность перетаскивания.
- dragula — библиотека JS, которая упрощает перетаскивание.
- GridList — библиотека адаптивных списков с возможностью перетаскивания.
Скрыть или показать элементы страницы
- Headroom.js — скрыть заголовок, когда он не нужен
- Readmore.js — Плагин отображения и скрытия контента
- oriDomi - Складывает элементы Дом, как пальцы
Полоса прокрутки
Параллаксная прокрутка
Масштабирование
- zoom.js — уникальный плагин для увеличения содержимого страницы.
- zoom.js — Плагин jQuery для увеличения изображения.
- jQuery Zoom - эффект масштабирования изображения при наведении курсора
Скачать компоненты
Аякс-модуль
- fetch - A window.fetch JavaScript polyfill
- reqwest - browser asynchronous http requests
- ajax - Standalone AJAX library
- then-request
- browser-request
- superagent
- minAjax.js
- qwestСторонние библиотеки Ajax
- axios - Promise based HTTP client for the browser and node.js
- whatwg-fetch
- jsonpМеждоменная обработка
- isomorphic-fetch
- em-jsonpМеждоменная обработка
Аудио видео
- jPlayer - HTML5 Audio & Video for jQuery
- video.js - HTML5 & Flash video player
- Доступный видеоплеер HTML5 — видеоплеер HTML5 с открытым исходным кодом от PayPal.
- Clappr — веб-видеоплеер с открытым исходным кодом
- Plyr - A simple HTML5 media player
- FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
- BigVideo.js - The jQuery Plugin for Big Background Video
- BigScreen - A simple library for using the JavaScript Full Screen API
- Видео - фоновое видео
- winamp2-js
- Buzz - A Javascript HTML5 Audio library
- MediaElement.js
фреймворк приложения
CSS-фреймворк
Редактор форматированного текста/редактор Markdown/парсер Markdown
- Simditor — простой и быстрый текстовый редактор.
- BachEditor - сентиментальный редактор
- TinyMCE
- bootstrap-markdown
- помеченный - анализатор уценки
- Markdown Plus
- Editor.md — онлайн-редактор Markdown с открытым исходным кодом
- stackedit
- Redactor Text Editor
- micromarkdown.js — облегченный парсер md
- wangEditor — легкое текстовое веб-поле с форматированным текстом, поддерживающее мобильные устройства.
- CKEditor — визуальный HTML-редактор.
- Quill - редактор форматированного текста
- xEditor — редактор форматированного текста
Цвета (цвета CSS)/SVG/холст
- CSS Colours
- SVGeneration
- SVGMagic — автоматически создает PNG для браузеров, не поддерживающих SVG.
- Адаптивный фон — извлечение основных цветов из изображений и их применение к родительским элементам.
- Seen.js — рендеринг 3D-сцен в SVG или HTML Canvas
- jquery-color — может динамически менять цвет
- lee-colorpicker
Плагин подсветки кода/редактор кода
- google-code-prettify
- highlight.js
- Rainbow
- ACE
- CodeMirror
- Crayon Syntax Highlighter
- prism - Lightweight, robust, elegant syntax highlighting.
Анимировать
- animate.css - A cross-browser library of CSS animations.
- Transit - CSS transitions and transformations for jQuery
- anime.js — анимационный движок Javascript
- WOW — показывать анимацию CSS во время прокрутки (animate.css запускается по умолчанию)
- AniJS - A Library to Raise your Web Design without Coding
- Move.js — библиотека JS для упрощения анимации CSS3.
- ScrollMe — добавление различных эффектов анимации прокрутки на веб-страницы.
- Effeckt.css - A Performant Transitions and Animations Library
- Библиотека анимации NEC
- csshake - CSS classes to move your DOM
- magic - CSS3 Animations with special effects
- SpinKit
- Velocity.js — Ускоряем анимацию JavaScript
- lenticular.js — создание анимации изображений в ответ на события наклона или мыши.
- jQuery Interactive 3D - Create a 3D interactive object using images
- AnimateScroll - A Simple jQuery Plugin for Animating Scroll
- Blast.js — вставка анимации и стилей в текст
- Bounce.js — JS-библиотека для создания красивой анимации ключевых кадров CSS3.
- Sticker.js - create a Sticker Effect
- scrollReveal.js — автоматически запускает установленную анимацию, когда элемент входит в видимую область
- stroll.js - CSS3 list scroll effects
- jQuery Easing — расширение анимационных эффектов
- animations - CSS3 ANIMATION CHEAT SHEET
- iconate.js: JS-библиотека для анимации иконок.
- Одометр - вертикальное переключение между цифрами
- Наведение - эффект наведения
- Библиотека мультитач-жестов — веб-библиотека жестов
локальное хранилище
- cross-storage - Cross domain local storage
- localForage
- pouchdb
- basil.js
- Neurosync — нативная автономная библиотека ORM для JavaScript
- LokiJS — первая в производительности база данных JavaScript в памяти
- turbolinks - Javascript pushState
шаблонизатор
- doT.js
- mustache.js
- Handlebars.js
- artTemplate
- baiduTemplate
- JSRender
- EJS - JavaScript Templates
- Juicer - A Light Javascript Templete Engine.
- Tempo
- json2html
- Hogan.js - JavaScript templating from Twitter.
- Dust.js — поддерживаемый Linkedin проект
- nunjucks - A powerful templating engine
Шифровать/перекодировать
- crypto-js
- ulid- Создать библиотеку классов UUID
- RSAРеализация зашифрованной передачи веб-данных с шифрованием RSA
- cryptoAPI для Node.js
книги связанные с компьютером
операционная система
- Путеводитель по миру с открытым исходным кодом
- Частная кухня Brother Bird с Linux
- The Linux Command Line(китайская и английская версии)
- Драйвер устройства Linux(Третье издание)
- Углубленный анализ исходного кода ядра Linux
- UNIX TOOLBOX
- Китайское руководство по докеру
- Докер — от входа к практике
- Начало работы с Докером
- Docker Cheat Sheet
- Начало работы с FreeRADIUS
- Руководство по настройке разработки для Mac
- Руководство пользователя FreeBSD
- Командная строка Linux (китайская версия)
- Руководство по сборке Linux
- Краткое руководство по инструментам Linux
- Документация по Linux (китайская версия)
- База знаний Embedded Linux (китайская версия eLinux.org)
- Понимание процессов Linux
- Искусство командной строки
- Руководство для начинающих по SystemTap
- Мышление операционной системы
умная система
Распределенные системы
Принцип составления
функциональная концепция
Компьютерная графика
веб сервер
- Разработка Nginx от входа до мастерства(Продюсер: команда Taobao)
- Учебник Nginx от начального до мастерского(версия в формате PDF, подготовленная O&M Lifetime)
- Лучшие практики OpenResty
- Китайское руководство по Apache
контроль версий
- Учебник по Git(Эта статья написанаЛяо СюэфэнСоздайте, если вы найдете это руководство полезным, вы можете перейти кiTunesКупить)
- git — простое руководство
- Введение в GIT, понятное обезьянам
- Справочное руководство по Git
- Pro Git
- ProGit китайская версия(Организовано на gitbook)
- Git Magic
- GotGitHub
- Полное руководство по Git
- Книга сообщества Git на китайском языке
- Меркуриал Учебник
- HgInit (китайская версия)
- Иммерсивное обучение Git
- Git-Cheat-Sheet(Спасибо @flyhigher139 за китайский перевод)
- Коды GitHub
- Справочная документация GitHub
- шпаргалка по git-flow
- СВН руководство
- Автостопом по GitHub
редактор
- exvim -- vim улучшен в проекте IDE
- Глупый метод Vimscript китайский перевод
- Документация Vim на китайском языке
- Что вам нужно, это то, что вам нужно: используйте vim как IDE
- практическое руководство vim
- Руководство по летной эксплуатации Atom на китайском языке
- Уценка · Простой мир
- Станьте мастером Emacs за год
- Руководство по выживанию в Emacs
- Официальное руководство по атому
управление и мониторинг
- Руководство по китайскому языку ELKstack
- Освоение Elasticsearch (китайская версия)
- Полное руководство по ElasticSearch
- Полное руководство по Elasticsearch (китайский)
- Лучшие практики Logstash
- Puppet 2.7 Кулинарная книга на китайском языке
связанный с проектом
- Непрерывная интеграция (вторая редакция)(Сеть переводов)
- Автоматизация столбцов серии разработки
- Стремление к качеству кода
- селен китайская документация
- Простое руководство по Selenium Webdriver
- Джоэл о программном обеспечении
- Джоэл о программном обеспечении
- Руководство пользователя Gradle 2
- Документация Gradle на китайском языке
- Стандарты кодирования
- Архитектура программного обеспечения с открытым исходным кодом
- Руководство по созданию GNU
- GNU сделать китайское руководство
- The Twelve-Factor App
Шаблоны проектирования
- Шаблон дизайна иллюстрации
- Самый полный каталог шаблонов проектирования в истории.
- шаблон проектирования включает в себя обучение, но не встречи
- Шаблоны проектирования Java Edition
Веб-интерфейс
- 20 вещей, которые нужно знать о браузерах и Интернете
- Секреты средств разработки браузеров
- Инструменты разработчика Chrome на китайском языке
- Документация по разработке расширений Chrome
- Документация на китайском языке
- проглотить китайскую документацию
- Начало работы с глотком
- База знаний по мобильному веб-интерфейсу
- Вводный 30-минутный курс по регулярным выражениям
- Дневник построения системы фронтенд-разработки
- Избранное в области мобильной фронтенд-разработки
- Руководство по стилю JSON
- Руководство по проектированию HTTP-интерфейса
- Совместное использование внешних ресурсов (1)
- Совместное использование внешних ресурсов (2)
- Спецификации внешнего интерфейса и лучшие практики
- Руководство фронтенд-разработчика
- Справочник фронтенд-инженера
- Завершение обучения w3school
- Руководство пользователя Wireshark
- Однократное обучение Wireshark
- HTTP послеобеденный чай
- HTTP/2.0 китайский перевод
- RFC 7540 — перевод HTTP/2 на китайский язык
- http2 объяснение
- 3 Web Designs in 3 Weeks
- Проектирование надежности сайта
искусство программирования
- искусство программирования программиста
- Информация о памяти, которую должен знать каждый программист【первая часть】
- Приятный процесс: как понять игру(Дубанское чтение, бесплатные книги)
JavaScript
- Руководство по стилю кода Google JavaScript
- Руководство по стилю Google JSON
- Спецификация JavaScript Airbnb
- Стандартное справочное руководство по JavaScript (альфа-версия)
- Руководство по программированию на Javascript (исходный код)
- 12 особенностей JavaScript
- Тайный сад JavaScript
- Основные концепции и практики JavaScript(PDF) (Эта книга издана издательством "Народные почты и телекоммуникации", но автор по-прежнему предоставляет PDF-версию бесплатно, надеюсь, разработчики ее купят и поддержат автора)
- «Режим JavaScript»Китайский перевод «Шаблоны JavaScript»
- Изучение выражений именованных функций(Примечание: оригиналнаписать для негоПеревод, исходный адрес открыть нельзя, поэтому адрес здесь бэкап в моем блоге)
- Изучите шаблоны проектирования JavaScript(Китай с открытым исходным кодом)
- Глубокое понимание серии JavaScript
- ECMAScript 5.1 китайская версия
- Начало работы с ECMAScript 6(Автор: Жуань Ифэн)
- Мини-книга «JavaScript Promises»
- You-Dont-Know-JS(серия книг, которые углубляются в основные механизмы языка JavaScript)
- Учебник по JavaScriptЛяо Сюэфэн
- Документация MDN JavaScript на китайском языке
- jQuery
- Node.js
- Начало работы с узлом
- Изучите NodeJS за семь дней
- Nodejs Wiki Book(традиционный китайский)
- Документация на китайском языке express.js
- коа китайская документация
- учить коа вместе
- Создайте блог для нескольких человек с помощью Express + MongoDB
- Экспресс-фреймворк
- Node.js не включает в себя обучение или встречи
- Изучите Node.js для больших побед (китайская версия)
- Три метода отладки узла и три примера
- китайская документация nodejs
- китайская документация orm2
- underscore.js
- backbone.js
- AngularJS
- Zepto.js
- Sea.js
- React.js
- impress.js
- CoffeeScript
- TypeScipt
- ExtJS
- Meteor
- Расширение Chrome и разработка приложений
Shell
- Приступаем к написанию сценариев оболочки за 30 минут
- Bash-скрипты 15-минутное расширенное руководство
- Краткое руководство по инструментам Linux
- Shell Тринадцать вопросов
- Парадигма программирования оболочки
Чтение заметок и другое
- Принципы составления (Книга Зилонг) Китайский 2-е издание Ответы на упражнения
- Прочтите «Жемчужину программирования».
- Учебные заметки: Vim, Python, memcached
- Коллекция замечательных блогов
- Руководство по китайскому копирайтингу
- Git Cheatsheet Chs
- Краткое руководство по GitBook
- Суть языка JavaScript
- Мудрость задавать вопросы
- Начало работы с уценкой
- Краткое руководство по AsciiDoc
- Девять лекций по проблеме рюкзака
- Технические данные Лао Ци
- Резюме навыков фронтенда
- Изучите разработку программного обеспечения с проектами с открытым исходным кодом
- Вопросы на собеседовании перед началом работы
- решение проблемы leetcode/lintcode/заметки об изучении алгоритма
- Блокнот для фронтенд-разработки
- Руководство по интеллектуальному, автоматическому и прозрачному маршрутизатору OpenWrt
- Серия "Начало работы с управлением SAN"
- Эскиз китайского руководства
- Глубокое понимание параллельного программирования
- Самосовершенствование программиста
- Рост: руководство инженера по полному росту стека