Skip to content

Funciones de utilidad

Programación funcional

MétodoDescripciónDetalle
debounceFunción de rebote (debounce)debounce
throttleFunción de estrangulamiento (throttle)throttle
memoizeFunción de memoizaciónmemoize
noopFunción que no hace nadanoop
composeCompone funciones de middlewarecompose

Cadenas de texto

MétodoDescripciónDetalle
md5Función hash MD5md5
randomString / getRandomStringGenera una cadena aleatoriarandomString
clearBrQuita espacios, etiquetas HTML y saltos de línea de una cadenaclearBr
clearStrQuita espacios de los extremos, codificación de URL y comillas de una cadenaclearStr
truncateAcorta una cadena con puntos suspensivos, sin romper Unicodetruncate
strParseInterpreta una cadena y la convierte en objetostrParse
toStringConvierte un valor al tipo cadenatoString
transformTextConvierte un ArrayBuffer en textotransformText
checkEncodingDetecta la codificación de caracteres de datos Uint8ArraycheckEncoding
getMatchingSentencesExtrae oraciones completas que contienen palabras clavegetMatchingSentences
isStringDice si un valor es del tipo cadenaisString

Objetos

MétodoDescripciónDetalle
merge / mergeExportsFusiona objetos; objeto de exportación con getters perezososmerge
isEqualCompara dos valores en profundidad para ver si son igualesisEqual
cloneDeepClona objetos o arrays en profundidadcloneDeep
querystringConvierte un objeto en la cadena de consulta de una URLquerystring
filterObjFiltra un objetofilterObj
formatJsonJSON con formatoformatJson

Números

MétodoDescripciónDetalle
rangeSujeta un número dentro del rango indicadorange
clamp / lerp / inverseLerp / remap / fit / linearstep / smoothstepInterpolación y remapeo al estilo de los shadersrange
mathjsFunción de cálculo numérico exactomathjs
perToNumConvierte una cadena de porcentaje en númeroperToNum
transformNumberConvierte un número en una cadena con unidadestransformNumber
addNumSymAñade el signo positivo o negativo a un númeroaddNumSym

Color

MétodoDescripciónDetalle
hexToRgbConvierte un color hexadecimal a RGBhexToRgb
rgbToHexConvierte valores RGB a un color hexadecimalrgbToHex
randomColorGenera un objeto de color aleatoriorandomColor
Color / ColorSchemeClase Color, clases de valor, conversiones y generador de paletasColor
blendScreen / blendMultiply / blendOverlay / luma / vibrance / cosinePalette / srgbToLinearMezcla y corrección de color al estilo de los shaders (canales de 0 a 1)Color

Tiempo

MétodoDescripciónDetalle
formatDurationConvierte un tiempo en segundos en una cadena con formatoformatDuration
formatRelativeDescribe un momento respecto de ahora («hace 3 días»)formatRelative
parseVttTimestamp / parseVttCueTimingInterpreta las líneas de tiempos de subtítulos WebVTTparseVttTimestamp
timestampToTimeConvierte una marca de tiempo en un objeto DatetimestampToTime
performanceTimeObtiene una marca de tiempo de alta precisiónperformanceTime

Detección de dispositivo

MétodoDescripciónDetalle
isMobileDice si el dispositivo es móvilisMobile
isWeiXinDice si el navegador es el de WeChatisWeiXin
isClientDice si el entorno es el del clienteisClient
isSafariDice si el navegador es SafariisSafari
currentDeviceObtiene el tipo de dispositivo actualcurrentDevice

Manipulación del DOM

MétodoDescripciónDetalle
addClassToElementAñade una clase CSS a un elemento del DOMaddClassToElement
removeClassToElementQuita una clase CSS de un elemento del DOMremoveClassToElement
createDocumentFragmentCrea un DocumentFragmentcreateDocumentFragment
escapeHtmlEscapa los caracteres especiales de HTMLescapeHtml
ChainClase encadenable para manipular el DOMChain
createFunción auxiliar para crear elementos del DOMcreate
EventManager / createDoubleTapDetectorRegistro de escuchadores con ámbito y detección de doble toqueEventManager
adoptStylesInyecta texto de hoja de estilos en un shadow rootadoptStyles
computePlacementVoltea o desplaza un panel flotante respecto de su anclacomputePlacement
setFontSize2htmlEscalado del viewport con rem flexible para diseños móvilessetFontSize2html

Medios

MétodoDescripciónDetalle
AudioRecorderGraba el audio del micrófono en un BlobAudioRecorder
createSpeechRecognizerVoz a texto mediante la Web Speech APIcreateSpeechRecognizer

Almacenamiento

MétodoDescripciónDetalle
localStorageGetItemLee un valor de localStoragelocalStorageGetItem
localStorageSetItemGuarda un valor en localStoragelocalStorageSetItem

URL y parámetros

MétodoDescripciónDetalle
getAllQueryStringExtrae los parámetros de consulta de una URLgetAllQueryString
encodeUrlCodifica una URL de forma seguraencodeUrl
appendUrlAñade parámetros de consulta a una URLappendUrl

Cookies

MétodoDescripciónDetalle
getCookieObtiene el valor de la cookie indicadagetCookie
getCookieByNameObtiene el valor de una cookie con una expresión regulargetCookieByName

Imágenes

MétodoDescripciónDetalle
convertImageToBase64Convierte un archivo de imagen a Base64convertImageToBase64
isImageSizeValida las dimensiones de un archivo de imagenisImageSize

Rendimiento

MétodoDescripciónDetalle
getPerformanceObtiene las métricas de rendimiento de la páginagetPerformance
getFrameCalcula los fotogramas por segundogetFrame
getPixelRatioObtiene la proporción de resolución del CanvasgetPixelRatio

Red

MétodoDescripciónDetalle
imageRequestMide la latencia de red mediante una petición de imagenimageRequest
networkSpeedMide el ping y la fluctuación de la rednetworkSpeed
connectionObtiene información de la conexión de red actualconnection
getStatus / statusConsulta en ambos sentidos entre código de estado HTTP y mensajegetStatus
MétodoDescripciónDetalle
getWindowObtiene el tamaño de la ventana visiblegetWindow
createObjectURL / requestUrlToBufferCrea una object URL; descarga una URL como bytes en crudocreateObjectURL

Carga de scripts

MétodoDescripciónDetalle
scriptOnLoadInserta etiquetas script o link sobre la marchascriptOnLoad

Manejo de errores

MétodoDescripciónDetalle
handleConsoleIntercepta y trata las llamadas a los métodos de consolehandleConsole
handleErrorManejo global de erroreshandleError
handleFetchHookIntercepta y trata las peticiones fetchhandleFetchHook

Otras

MétodoDescripciónDetalle
TOTPGenerador de contraseñas de un solo uso basadas en el tiempoTOTP
createSignalCrea una señal reactivacreateSignal
setMime / MimeTypeDefine o actualiza la tabla de tipos MIMEsetMime
getExtensionsObtiene las extensiones de un tipo MIMEgetExtensions
SyncHookClase de gancho de eventos síncronoSyncHook
durationHandlerCrea una función de ejecución diferidadurationHandler

Publicado bajo la licencia MIT.