Utility Functions
Functional Programming
| Method | Description | Detail |
|---|---|---|
| debounce | Debounce function | debounce |
| throttle | Throttle function | throttle |
| memoize | Memoization function | memoize |
| noop | No-op function | noop |
| compose | Compose middleware functions | compose |
String Processing
| Method | Description | Detail |
|---|---|---|
| md5 | MD5 hash function | md5 |
| randomString | Generate random string | randomString |
| clearBr | Remove spaces, HTML tags, and line breaks from string | clearBr |
| clearStr | Remove leading/trailing spaces, URL encoding, and quotes from string | clearStr |
| strParse | Parse string into object | strParse |
| toString | Convert value to string type | toString |
| transformText | Convert ArrayBuffer to text | transformText |
| checkEncoding | Detect character encoding of Uint8Array data | checkEncoding |
| changeHumpToLowerCase | Convert camelCase to snake_case naming | changeHumpToLowerCase |
| getMatchingSentences | Extract complete sentences containing keywords | getMatchingSentences |
| isString | Determine if value is string type | isString |
| str2Xml | String is converted to xml | str2Xml |
Object Processing
| Method | Description | Detail |
|---|---|---|
| merge | Merge objects | merge |
| isEqual | Deep comparison of two values for equality | isEqual |
| cloneDeep | Deep clone objects or arrays | cloneDeep |
| querystring | Convert object to URL query string | querystring |
| filterObj | Filter object | filterObj |
| formatJson | Formatted JSON | formatJson |
Number Processing
| Method | Description | Detail |
|---|---|---|
| range | Clamp number within specified range | range |
| mathjs | Precise number calculation function | mathjs |
| perToNum | Convert percentage string to number | perToNum |
| transformNumber | Convert number to formatted string with units | transformNumber |
| addNumSym | Add positive/negative sign to number | addNumSym |
Color Processing
| Method | Description | Detail |
|---|---|---|
| hexToRgb | Convert hexadecimal color value to RGB | hexToRgb |
| rgbToHex | Convert RGB values to hexadecimal color value | rgbToHex |
| randomColor | Generate random color object | randomColor |
Time Processing
| Method | Description | Detail |
|---|---|---|
| timeFormat | Convert time in seconds to formatted string | timeFormat |
| timestampToTime | Convert timestamp to Date object | timestampToTime |
| performanceTime | Get high-precision timestamp | performanceTime |
Device Detection
| Method | Description | Detail |
|---|---|---|
| isMobile | Determine if device is mobile | isMobile |
| isWeiXin | Determine if browser is WeChat | isWeiXin |
| isClient | Determine if environment is client | isClient |
| isSafari | Determine if browser is Safari | isSafari |
| isBangDevice | Determine if device is iPhone with notch | isBangDevice |
| currentDevice | Get current device type | currentDevice |
DOM Manipulation
| Method | Description | Detail |
|---|---|---|
| addClassToElement | Add CSS class name to DOM element | addClassToElement |
| removeClassToElement | Remove CSS class name from DOM element | removeClassToElement |
| createDocumentFragment | Create DocumentFragment | createDocumentFragment |
| escapeHtml | Escape HTML special characters | escapeHtml |
| Chain | Chainable DOM manipulation class | Chain |
| create | Helper function to create DOM elements | create |
Storage
| Method | Description | Detail |
|---|---|---|
| localStorageGetItem | Get value from localStorage | localStorageGetItem |
| localStorageSetItem | Set value in localStorage | localStorageSetItem |
URL/Query
| Method | Description | Detail |
|---|---|---|
| getAllQueryString | Extract query parameters from URL | getAllQueryString |
| getQuery | Extract query parameters from URL | getQuery |
| encodeUrl | Safely encode URL | encodeUrl |
| appendUrl | Append query parameters to URL | appendUrl |
Cookie
| Method | Description | Detail |
|---|---|---|
| getCookie | Gets the value of the specified cookie | getCookie |
| getCookieByName | Get Cookie value by regex | getCookieByName |
Image Processing
| Method | Description | Detail |
|---|---|---|
| convertImageToBase64 | Convert image file to Base64 | convertImageToBase64 |
| isImageSize | Validate image file dimensions | isImageSize |
Performance
| Method | Description | Detail |
|---|---|---|
| getPerformance | Get page performance metrics data | getPerformance |
| getFrame | Calculate frame rate | getFrame |
| getPixelRatio | Get Canvas resolution ratio | getPixelRatio |
Network
| Method | Description | Detail |
|---|---|---|
| imageRequest | Test network latency via image request | imageRequest |
| networkSpeed | Test network ping value and jitter | networkSpeed |
| connection | Get current network connection information | connection |
Browser
| Method | Description | Detail |
|---|---|---|
| getWindow | Get viewport window size | getWindow |
| getHost | Get host address based on environment | getHost |
| createObjectURL | Create object URL | createObjectURL |
| removeGhosting | Remove drag event shadow | removeGhosting |
| retain | Override browser back event | retain |
Script Loading
| Method | Description | Detail |
|---|---|---|
| scriptOnLoad | Dynamically insert script or link tags | scriptOnLoad |
Error Handling
| Method | Description | Detail |
|---|---|---|
| handleConsole | Intercept and handle console method calls | handleConsole |
| handleError | Global error handling | handleError |
| handleFetchHook | Intercept and handle fetch requests | handleFetchHook |
Others
| Method | Description | Detail |
|---|---|---|
| TOTP | Time-based One-Time Password generator | TOTP |
| createSignal | Create reactive signal | createSignal |
| setMime | Set or update MIME type mapping | setMime |
| getExtensions | Get extensions from MIME type | getExtensions |
| setAttributeByGlobal | Add property to global object | setAttributeByGlobal |
| SyncHook | Synchronous event hook class | SyncHook |
| durationHandler | Create delayed execution function | durationHandler |