mmjs-share utils

• Install

  pnpm add mmjs-share

• tsconfig.json

  • （如果用 Vite/Webpack 等打包工具）
  • moduleResolution set "node" 先 // @ts-ignore 将就一下， 不想改了
  • 考虑更新到 "node16"、"nodenext" 或 "bundler"

  {
   "compilerOptions": {
       "moduleResolution": "Bundler"
   }
  }

近期更新

• Share
  1. memoize (包含过期时间)
  2. throttle （主动cancel)
  3. isObject
  4. isPlainObject
  5. structuredClonePolyfill
  6. parseUrlParams
  7. normalizeURL

Share

1. throttle

   • Custom Cancel

   const throttledFn = throttle(() => {
   console.log("Throttled function");
   }, 500);
      
   // 手动取消节流
   setTimeout(() => {
    throttledFn.cancel();
   }, 2000);

2. memoize

   • TTL

   const add = (a: number, b: number): number => {
   console.log("Calculating...");
   return a + b;
   };
   const memoizedAdd = memoize(add);
   console.log(memoizedAdd(1, 2)); // 输出计算日志
   console.log(memoizedAdd(1, 2)); // 从缓存读取

3. isObject

   • 不要问我为什么不用lodash

   isObject({}) // true
   isObject([]) // true

4. isPlainObject

   isPlainObject({}) // true
   isPlainObject([]) // false

5. structuredClonePolyfill

   • deep clone

6. parseUrlParams

   • 增强版URL参数解析，支持解析所有位置的查询参数
   • Example

   const url = 'https://example.com/?test=has#/path?without=value';
   parseUrlParams(url)  // {test: 'has', without: 'value'}
   parseUrlParams(url, { includeHashParams: false }) // {test: 'has'}

7. normalizeURL

• 规范 URL
• Example

normalizeURL("https://example.com"); // "https://example.com"
normalizeURL("http://example.com"); // "http://example.com"
normalizeURL("//example.com"); // "http(s)://example.com" (取决于当前页面协议)
normalizeURL("/api/data"); // "http(s)://当前域名/api/data"
normalizeURL("data.json"); // "http(s)://当前域名/当前路径/data.json"