¿Cuáles son los complementos para la página de inicio?

Clase de herramienta

Biblioteca de herramientas para una manipulación conveniente de objetos, matrices, etc.

underscore.js

lo-dash? underscore.js La API es básicamente la misma. Su ventaja sobre el guión bajo es que es muy eficiente; se puede crear a medida.

Sugar? Agrega algunos métodos de herramientas a objetos nativos

funcional.js. ¿Proporciona cierto soporte para Curry? p>

Watch.js? Monitorear cambios en objetos o propiedades

bacon.js? Programación funcional, genial

¿Usar flujos para procesar matrices y objetos? operaciones

Control de procesos asincrónicos

eventproxy?Producido por Pu Ling

Arbiter.js?Detalles

Publicar y suscribirse

q?Estilo de promesa

Async.js

simulacro

¿Mock.js? Genera datos aleatorios y simula solicitudes Ajax

jquery-mockjax?mock?ajax solicitud

Biblioteca de tiempo

momento

datejs

Detección del navegador

Bowser ?Detectar navegadores y versiones específicas

ua-parser-js?Detectar navegadores y versiones específicas, sistemas operativos, tipos de dispositivos, etc.

Depuración

consola- polyfill? ¿Puedes utilizar de forma segura métodos de consola como console.log()

log? ¿Dejar que la salida del registro de la consola tenga estilos

Konsole.js en una de las páginas? registrar información en el elemento?Detalles

uri.js?operación uri

Cookie?Biblioteca de herramientas para agregar, eliminar y modificar cookies

director?Front-end ¿Biblioteca de enrutamiento? Detalles

BigDecimal.js? Precisión mejorada de las operaciones digitales

¿JSDoc? ¿Generar documentación API basada en la información anotada en el archivo javascript? ¿Teclas de acceso rápido? Encapsulación de eventos de teclado

¿MD5? p>

¿Selectivizr? ¿Dejar que IE 6-8 tenga algunos selectores CSS3?

¿Es mejor? ¿Dejar que IE6-8 tenga funciones avanzadas de navegador?

¿Dejar que el navegador de IE8 admita lienzo?

¿CSS3 Pie? ¿Deja que IE6-9 admita bordes radiosos, sombras de cuadros y gradientes lineales? Puede utilizar archivos .htc (tenga en cuenta el tipo Mine) o archivos .js. Cuando se usa Pie.js, cuando el elemento box-radious tiene un color de fondo, el color de fondo no se muestra. . .

formFive? ¿Permitir que los navegadores antiguos admitan algunas funciones de los formularios HTML5, como marcador de posición y enfoque automático?

/anselmh/object-fit? p>

¿Polyfills HTML5 entre navegadores? ¿Un montón de Polyfills?

¿Flexibilidad? ¿Dejar que el antiguo IE también sea compatible con Flexbox?

Mejora del selector

¿Lining.js? el navegador logra efectos similares a ::nth-line(), ::nth-last-line()

Unclassified

prefixfree ¿Usarlo para escribir css, no es necesario? para agregar el prefijo del navegador

Clase de formulario

jquery-file-upload?¿Subir componente de archivo?Detalles

zTree?Controles de vista del árbol de archivos

Árbol? Editor de árboles. La visualización se siente como un mapa mental

FileAPI? Algún procesamiento de archivos en el cuadro de selección de archivos

Validación de formulario

. ¿Validar? >

jQuery-Validation-Engine

Embellecer elementos de formulario

¿Proporciona embellecimiento de cuadros desplegables, cuadros individuales, casillas de verificación, botones y otros elementos de formulario

select2?Cuadro desplegable de selección múltiple

selectividad? es similar a unfilom

Cuadro desplegable DropKick, selección única y múltiple. La apariencia es mejor que la del componente de cambio uniforme

estilo ios7

¿nouislider? ¿Usa barras de desplazamiento para configurar/controlar (volumen, etc.)

el rango. css? Embellecer la apariencia del elemento input[type=range]

Clase de imagen

holderjs?Generar imagen de marcador de posición

lazyload

imagesLoaded ?Seleccionado Después de cargar todas las imágenes, ejecute la devolución de llamada

CSSgram? Una biblioteca que usa el filtro CSS3 para implementar filtros de Instagram

Clase de ícono

Resumen de fuente de ícono

Iconos hechos a partir de SVG

svgicons

icónicos

HYBICON? Como pasar el cursor y hacer clic en

iconos de entidades de caracteres HTML

/

transformicons. Cuando se hace clic en el icono, habrá algunos efectos de transformación. Por ejemplo, el signo más se convierte en una cruz

css3patterns?css3 crea texturas enlosables. La compatibilidad del navegador no es buena.

¿Buscar imágenes

¿Ventana emergente para ver imágenes, vídeos, etc.?

¿Ventana emergente para ver imágenes, el tamaño de la imagen? se puede escalar de forma muy natural

Picture Wall

wookmark

UI Framework

WeUI está diseñado por el equipo de diseño oficial de WeChat para WeChat. Desarrollo web.

Framework7

Clase de componente UI

Arrastrar

dragula. Admite arrastrar, soltar y ordenar.

Se siente más liviano y fácil de usar que jqueryUI

angular-dragula?dragular La versión angular oficial

Visualización de datos (gráfico)

Echarts?Baidu Producido por

¿highcharts? Funciones potentes. Hay una tarifa.

¿Plottable.JS? ¿Una biblioteca de gráficos basada en D3?

¿La documentación no es sólida?

¿La documentación china es muy hermosa y clara? Relativamente ligero.

ichartJs? Un chico de China lo hizo. Se siente bastante bien.

Componente selector de tiempo

foundation-datepicker

¿Un calendario simple? Detallado

¿Admite método de separación para cambiar el calendario? tiempo de tareas pendientes

¿Calendario de eventos simple? Me gusta la apariencia. Cuesta 5$

jQuery ui datepicker?Clásico, no muy bonito

pickadate?Ligero, compatible con dispositivos móviles, hermoso. Pero parece que solo se puede mostrar en la capa emergente y no hay una visualización desplegable.

zebra-datepicker? Pero parece que sólo puede aparecer en la esquina superior derecha. . .

bootstrap-datepicker?estilo bootstrap.

dateRangePicker? Selecciona un período de tiempo. estilo de arranque. Este componente se basa en Twitter Bootstrap, Moment.js y jQuery.

Barra de desplazamiento personalizada

¿Barra de desplazamiento perfecta? La apariencia es la misma que la barra de desplazamiento de Chrome en Mac.

iscroll? Funciona bien en dispositivos móviles

Efecto de carga

¿CSS Spinners? Hecho de CSS

Loaders.css ¿Hecho de CSS?

Componente de tabla

jsGrid?Data Grid. ?Detalles

backgrid?DataGrid basado en Backbone.js

excellentexport? Genera el contenido de la tabla en excel. Compatible con Firefox, Chrome, IE6

¿Las tablas de datos pueden ser interactivas (ordenar contenido, eliminar, etc.)

¿Generar datos con apariencia de Excel

JSpreadsheets? Biblioteca de componentes para datos tabulares

Seleccione un color

Espectro

Compartir en SNS

¿Generar código para compartir?

Editor

editor de código, se puede utilizar para demostraciones

ckeditor

ueditor?

p>

tinymce? Edición en tiempo real de contenido html

summernote? Buen uso en dispositivos móviles

Componente de notificación

notie.js

p>

Reproductor HTML5

jwplayer? Utilizado por una gran cantidad de sitios web

html5media? ¿H5player simple, liviano?

jplayer? ¿Demasiado potente? ¿Se puede personalizar

Pantalla

Impress.js? Varias rotaciones y experiencias únicas

¿Visualización de pantalla completa? ¿Usar la rueda de desplazamiento para pasar páginas? Detalles

zepto.fullpage? ¿Centrarse en fullPage.js en el lado móvil, confiando en Zepto

pagePiling? p>turn.js ?Crea un libro con un hermoso efecto de cambio de página

Presentación de diapositivas

slidesjs ¿Es muy fácil de usar, pero debes escribir el CSS para la navegación de la presentación de diapositivas? usted mismo, jaja? Detalles

iSlider? ¿Un componente deslizante JavaScript de plataforma móvil sin dependencias de complementos? Detalles

¿Una presentación de diapositivas en pantalla completa que cambiará a medida que cambie el tamaño de la página? .

¿Swiper? ¿Complemento deslizante táctil móvil gratuito, potente y de código abierto? ¿Sitio web chino Swiper?

¿Coin-slider? Bastante bien~. Sin embargo, el método de cambio es bloque por bloque. El método de conmutación no se puede configurar. . .

¿Wowslider? Varios efectos interesantes al cambiar de diapositiva. PEAJE.

¿cycle2? La presentación de diapositivas normal no admite el desplazamiento vertical. . .

jcarousel? Presentación de diapositivas normal, no compatible con IE6

¿desplazamiento 3D? ¿Es bastante bueno para hacer ppt

nodePPT? Hecho por chinos, también es bastante bueno para hacer ppt. En cierto modo, es mejor que revelar. Pero hay algunos problemas con el html exportado generado

cambio 3D, mira el lado de la imagen en la parte posterior

cuadro emergente

Magnific-Popup? Compatible con PC y Móvil. No está mal, ¿tiene una capa de 5k estrellas? Fue desarrollado por chinos y es compatible con ie6. No me gusta como se llama.

Efectos de animación

¿Mezcla? Usa hermosos efectos de animación para completar la clasificación y el filtrado.

Efecto jQuery.Marquee

Quickflip. Efecto de inversión

¿La compatibilidad con el efecto de inversión de tarjeta 2 está bien? La escritura es relativamente simple: 1. Solo admite voltear en la dirección x 2. Todos los nombres de las clases están especificados 3. Solo se puede llamar una vez. Necesita ser reescrito. Mira mi versión mejorada aquí

¿TheaterJS? ¿Simula una conversación entre dos personas en la pantalla

midnight.js? El color del texto cambia con el fondo, es increíble

color-animation? Complemento de animación de degradado de color de jquery. La animación jquery no admite cambios en los valores de color. La biblioteca proporciona este apoyo.

¿tránsito?Convertir CSS en elementos

tagcanvas?¿Efecto de nube de etiquetas 3D?Detalles

iconato?Animación de cambio de imagen

Snap .js ?Efecto de apariencia de navegación izquierda/derecha

Vibración CSS?Animación agitada

ClickSpark.js?Algunos efectos interesantes después de hacer clic

Complemento Visual Poor

scrollorama? es relativamente simple

superscrollorama? puede hacer más, pero requiere una biblioteca Tween de terceros, que es más complicada de usar.

scrolldeck

flash

swfobj? puede detectar automáticamente la compatibilidad del complemento Flash con varios navegadores convencionales en equipos PC y Mac. Hace que la inserción de recursos multimedia Flash sea lo más sencilla y segura posible. Y es muy coherente con los principios de optimización de motores de búsqueda. Además, puede evitar que aparezcan etiquetas no estándar, como object e embed, en su HTML y XHTML, cumpliendo así con más estándares. ?Detalles

Lotería

wScratchPad?Efecto de rasguño de tarjeta rasca y gana

jqueryrotate?complemento de rotación. Se puede utilizar para crear efectos de lotería de carrusel

Clase de mejora de la experiencia del usuario

Intro.js ¿Es una muy buena función para presentar el sitio web? También se puede utilizar como guía para principiantes.

blockUI?Componente de alojamiento.

¿Pista simple de información? Hecho con css. Compatibilidad con IE 9.

dotdotdot?Cuando el texto se desborda, agregue puntos suspensivos al final del texto

jQuery-menu-aim?El cambio del menú secundario es tan rápido como en la página de inicio de Amazon

¿AlgoZoomer? Función de lupa

Embellecer/resaltar código de sintaxis

google-code-prettify

¿DlHighlight solo admite JavaScript y CSS? , XML y HTML.

¿Por favor? Aleatorice colores cómodos según sea necesario.

¿Increíbles mensajes inteligentes para la entrada, mensajes de autocompletar?

¿ProTip? ¿Se siente mejor que el consejo de Bootstrap

Biblioteca de gestos Hammerjs? Encapsula deslizar, tocar, pellizcar, desplazarse y otros gestos

Velocidad de animación

¿Mejorar el rendimiento de la animación de Jquery? y nuevas funciones como animación en color.

SVG

Snap.svg? Biblioteca JS para operar SVG. Conocido como jQuery para SVG. demo

pasarela? Dibuja gradualmente un camino SVG de forma animada.

Prueba

Mocha

Chai

Debería

Snoion

DeviceMock.js Dispositivo simulado.

Otras categorías

¿ZeroClipboard? ¿Una solución para copiar contenido al portapapeles que es compatible con los navegadores convencionales? Detalles

html2canvas, ¿puedes? utilizar Para tomar capturas de pantalla.

Detalles

Ink? Marco de correo electrónico HTML responsivo

Prueba de rendimiento

Rastreo y análisis de contenido RSS (no se puede cruzar dominios, por lo que se requiere un proxy en segundo plano, por lo que -llamado Parsing Rss en realidad está analizando xml)

jFeed

jRss? ¿Una versión simple de jFeed

scriptcam? >cylon.js ?Marco de bot, compatible con 35 plataformas

Masonry?Un marco en cascada

devices.css?La apariencia de los bordes de los dispositivos móviles. Es genial para crear prototipos.

Clases relacionadas con Bootstrap

¿Bootbox.js? Alguna encapsulación de cuadros emergentes de bootstrap

Aspecto gratuito

AdminLTE

Repositorio de complementos JS

¿Tarjetas jQuery? Sitio web de complementos jQuery de alta calidad

módulos de nodo jster

npmrank? Ordene los paquetes npm por rango de página

¿ES POSIBLE QUE NO NECESITE COMPLEMENTOS JQUERY js que no dependan de jQuery?

awesome-nodejs

Bibliotecas.io? Bibliotecas en varios idiomas

OniUI? Un conjunto de frameworks basados ​​en Avalon creados por Qunar.com

Marcos móviles de uso común

zepto.js

La sintaxis es casi la misma que la de jquery. Si conoce jquery, básicamente conocerá zepto~