Funciones de utilidad
Programación funcional
| Método | Descripción | Detalle |
|---|---|---|
| debounce | Función de rebote (debounce) | debounce |
| throttle | Función de estrangulamiento (throttle) | throttle |
| memoize | Función de memoización | memoize |
| noop | Función que no hace nada | noop |
| compose | Compone funciones de middleware | compose |
Cadenas de texto
| Método | Descripción | Detalle |
|---|---|---|
| md5 | Función hash MD5 | md5 |
| randomString / getRandomString | Genera una cadena aleatoria | randomString |
| clearBr | Quita espacios, etiquetas HTML y saltos de línea de una cadena | clearBr |
| clearStr | Quita espacios de los extremos, codificación de URL y comillas de una cadena | clearStr |
| truncate | Acorta una cadena con puntos suspensivos, sin romper Unicode | truncate |
| strParse | Interpreta una cadena y la convierte en objeto | strParse |
| toString | Convierte un valor al tipo cadena | toString |
| transformText | Convierte un ArrayBuffer en texto | transformText |
| checkEncoding | Detecta la codificación de caracteres de datos Uint8Array | checkEncoding |
| getMatchingSentences | Extrae oraciones completas que contienen palabras clave | getMatchingSentences |
| isString | Dice si un valor es del tipo cadena | isString |
Objetos
| Método | Descripción | Detalle |
|---|---|---|
| merge / mergeExports | Fusiona objetos; objeto de exportación con getters perezosos | merge |
| isEqual | Compara dos valores en profundidad para ver si son iguales | isEqual |
| cloneDeep | Clona objetos o arrays en profundidad | cloneDeep |
| querystring | Convierte un objeto en la cadena de consulta de una URL | querystring |
| filterObj | Filtra un objeto | filterObj |
| formatJson | JSON con formato | formatJson |
Números
| Método | Descripción | Detalle |
|---|---|---|
| range | Sujeta un número dentro del rango indicado | range |
| clamp / lerp / inverseLerp / remap / fit / linearstep / smoothstep | Interpolación y remapeo al estilo de los shaders | range |
| mathjs | Función de cálculo numérico exacto | mathjs |
| perToNum | Convierte una cadena de porcentaje en número | perToNum |
| transformNumber | Convierte un número en una cadena con unidades | transformNumber |
| addNumSym | Añade el signo positivo o negativo a un número | addNumSym |
Color
| Método | Descripción | Detalle |
|---|---|---|
| hexToRgb | Convierte un color hexadecimal a RGB | hexToRgb |
| rgbToHex | Convierte valores RGB a un color hexadecimal | rgbToHex |
| randomColor | Genera un objeto de color aleatorio | randomColor |
| Color / ColorScheme | Clase Color, clases de valor, conversiones y generador de paletas | Color |
| blendScreen / blendMultiply / blendOverlay / luma / vibrance / cosinePalette / srgbToLinear | Mezcla y corrección de color al estilo de los shaders (canales de 0 a 1) | Color |
Tiempo
| Método | Descripción | Detalle |
|---|---|---|
| formatDuration | Convierte un tiempo en segundos en una cadena con formato | formatDuration |
| formatRelative | Describe un momento respecto de ahora («hace 3 días») | formatRelative |
| parseVttTimestamp / parseVttCueTiming | Interpreta las líneas de tiempos de subtítulos WebVTT | parseVttTimestamp |
| timestampToTime | Convierte una marca de tiempo en un objeto Date | timestampToTime |
| performanceTime | Obtiene una marca de tiempo de alta precisión | performanceTime |
Detección de dispositivo
| Método | Descripción | Detalle |
|---|---|---|
| isMobile | Dice si el dispositivo es móvil | isMobile |
| isWeiXin | Dice si el navegador es el de WeChat | isWeiXin |
| isClient | Dice si el entorno es el del cliente | isClient |
| isSafari | Dice si el navegador es Safari | isSafari |
| currentDevice | Obtiene el tipo de dispositivo actual | currentDevice |
Manipulación del DOM
| Método | Descripción | Detalle |
|---|---|---|
| addClassToElement | Añade una clase CSS a un elemento del DOM | addClassToElement |
| removeClassToElement | Quita una clase CSS de un elemento del DOM | removeClassToElement |
| createDocumentFragment | Crea un DocumentFragment | createDocumentFragment |
| escapeHtml | Escapa los caracteres especiales de HTML | escapeHtml |
| Chain | Clase encadenable para manipular el DOM | Chain |
| create | Función auxiliar para crear elementos del DOM | create |
| EventManager / createDoubleTapDetector | Registro de escuchadores con ámbito y detección de doble toque | EventManager |
| adoptStyles | Inyecta texto de hoja de estilos en un shadow root | adoptStyles |
| computePlacement | Voltea o desplaza un panel flotante respecto de su ancla | computePlacement |
| setFontSize2html | Escalado del viewport con rem flexible para diseños móviles | setFontSize2html |
Medios
| Método | Descripción | Detalle |
|---|---|---|
| AudioRecorder | Graba el audio del micrófono en un Blob | AudioRecorder |
| createSpeechRecognizer | Voz a texto mediante la Web Speech API | createSpeechRecognizer |
Almacenamiento
| Método | Descripción | Detalle |
|---|---|---|
| localStorageGetItem | Lee un valor de localStorage | localStorageGetItem |
| localStorageSetItem | Guarda un valor en localStorage | localStorageSetItem |
URL y parámetros
| Método | Descripción | Detalle |
|---|---|---|
| getAllQueryString | Extrae los parámetros de consulta de una URL | getAllQueryString |
| encodeUrl | Codifica una URL de forma segura | encodeUrl |
| appendUrl | Añade parámetros de consulta a una URL | appendUrl |
Cookies
| Método | Descripción | Detalle |
|---|---|---|
| getCookie | Obtiene el valor de la cookie indicada | getCookie |
| getCookieByName | Obtiene el valor de una cookie con una expresión regular | getCookieByName |
Imágenes
| Método | Descripción | Detalle |
|---|---|---|
| convertImageToBase64 | Convierte un archivo de imagen a Base64 | convertImageToBase64 |
| isImageSize | Valida las dimensiones de un archivo de imagen | isImageSize |
Rendimiento
| Método | Descripción | Detalle |
|---|---|---|
| getPerformance | Obtiene las métricas de rendimiento de la página | getPerformance |
| getFrame | Calcula los fotogramas por segundo | getFrame |
| getPixelRatio | Obtiene la proporción de resolución del Canvas | getPixelRatio |
Red
| Método | Descripción | Detalle |
|---|---|---|
| imageRequest | Mide la latencia de red mediante una petición de imagen | imageRequest |
| networkSpeed | Mide el ping y la fluctuación de la red | networkSpeed |
| connection | Obtiene información de la conexión de red actual | connection |
| getStatus / status | Consulta en ambos sentidos entre código de estado HTTP y mensaje | getStatus |
Navegador
| Método | Descripción | Detalle |
|---|---|---|
| getWindow | Obtiene el tamaño de la ventana visible | getWindow |
| createObjectURL / requestUrlToBuffer | Crea una object URL; descarga una URL como bytes en crudo | createObjectURL |
Carga de scripts
| Método | Descripción | Detalle |
|---|---|---|
| scriptOnLoad | Inserta etiquetas script o link sobre la marcha | scriptOnLoad |
Manejo de errores
| Método | Descripción | Detalle |
|---|---|---|
| handleConsole | Intercepta y trata las llamadas a los métodos de console | handleConsole |
| handleError | Manejo global de errores | handleError |
| handleFetchHook | Intercepta y trata las peticiones fetch | handleFetchHook |
Otras
| Método | Descripción | Detalle |
|---|---|---|
| TOTP | Generador de contraseñas de un solo uso basadas en el tiempo | TOTP |
| createSignal | Crea una señal reactiva | createSignal |
| setMime / MimeType | Define o actualiza la tabla de tipos MIME | setMime |
| getExtensions | Obtiene las extensiones de un tipo MIME | getExtensions |
| SyncHook | Clase de gancho de eventos síncrono | SyncHook |
| durationHandler | Crea una función de ejecución diferida | durationHandler |