cody-utils 1.0.1 → 1.0.2

package/README.md

@@ -1,4 +1,4 @@
-# 尚硅谷大前端自定义工具函数库
+# 大前端自定义工具函数库
 
 # 说明
 ## 1. 包含以下8个方面
@@ -14,18 +14,18 @@
 
 ## 2. 使用
     1). 下载: 
-        npm install -S atguigu-utils
-        yarn add atguigu-utils
+        npm install -S cody-utils
+        yarn add cody-utils
     
     2). 网页中使用
-        <script src="./node_modules/atguigu-utils/dist/atguigu-utils.js"></script>
+        <script src="./node_modules/cody-utils/dist/cody-utils.js"></script>
         <script>
           console.log(aUtils.flatten1([1, [3, [2, 4]]]))  // [1, 3, 2, 4]
         </script>
     
     3). 模块化引入
-        import {flatten1} from 'atguigu-utils'
-        const {flatten2} = require('atguigu-utils')
+        import {flatten1} from 'cody-utils'
+        const {flatten2} = require('cody-utils')
         console.log(aUtils.flatten1([1, [3, [2, 4]]]))
         console.log(aUtils.flatten2([1, [3, [2, 4]]]))
     

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cody-utils",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": "cody",
   "description": "大前端自定义工具函数库",
   "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
@@ -15,5 +15,9 @@
   },
   "dependencies": {
     "lodash": "^4.17.15"
-  }
+  },
+  "files": [
+    "src/",
+    "README.md"
+  ]
 }

package/.history/package_20200212101131.json

@@ -1,19 +0,0 @@
-{
-  "name": "atguigu-utils",
-  "version": "1.2.3",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["atguigu", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165758.json

@@ -1,19 +0,0 @@
-{
-  "name": "atguigu-utils",
-  "version": "1.20.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["atguigu", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165800.json

@@ -1,19 +0,0 @@
-{
-  "name": "atguigu-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["atguigu", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165806.json

@@ -1,19 +0,0 @@
-{
-  "name": "atgucodyigu-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["atguigu", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165810.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["atguigu", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165815.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/atguigu-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165817.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "尚硅谷大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165826.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "xfzhang",
-  "description": "大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165829.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "yu",
-  "description": "大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527165835.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "cody",
-  "description": "大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527170050.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "cody",
-  "description": "大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.minjs",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/package_20250527170051.json

@@ -1,19 +0,0 @@
-{
-  "name": "cody-utils",
-  "version": "1.0.1",
-  "author": "cody",
-  "description": "大前端自定义工具函数库",
-  "keywords": ["cody", "utils", "array", "object", "function", "promise", "axios", "数据结构", "算法"],
-  "main": "dist/cody-utils.min.js",
-  "license": "MIT",
-  "scripts": {
-    "build": "webpack --watch"
-  },
-  "devDependencies": {
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "lodash": "^4.17.15"
-  }
-}

package/.history/webpack.config_20200212101131.js

@@ -1,23 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  mode: 'development',
-  mode: 'production',
-  // entry: './src/index.js',
-  
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    // filename: 'atguigu-utils.js',
-    filename: 'atguigu-utils.min.js',
-    libraryTarget: 'umd', // 打包生成库可以通过esm/commonjs/reqirejs的语法引入
-    library: 'aUtils' // 向外暴露的对象的名称
-  },
-  externals: {
-    lodash: {
-      commonjs: 'lodash',
-      commonjs2: 'lodash',
-      amd: 'lodash',
-      root: '_' // 页面引入的全局变量
-    }
-  }
-}

package/.history/webpack.config_20250527165622.js

@@ -1,23 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  mode: 'development',
-  mode: 'production',
-  // entry: './src/index.js',
-  
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    // filename: 'atguigu-utils.js',
-    filename: 'atguigu-utils.min.js',
-    libraryTarget: 'umd', // 打包生成库可以通过esm/commonjs/reqirejs的语法引入
-    library: 'cUtils' // 向外暴露的对象的名称
-  },
-  externals: {
-    lodash: {
-      commonjs: 'lodash',
-      commonjs2: 'lodash',
-      amd: 'lodash',
-      root: '_' // 页面引入的全局变量
-    }
-  }
-}

package/.history/webpack.config_20250527165631.js

@@ -1,23 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  mode: 'development',
-  mode: 'production',
-  // entry: './src/index.js',
-  
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    // filename: 'atguigu-utils.js',
-    filename: 'cody-utils.min.js',
-    libraryTarget: 'umd', // 打包生成库可以通过esm/commonjs/reqirejs的语法引入
-    library: 'cUtils' // 向外暴露的对象的名称
-  },
-  externals: {
-    lodash: {
-      commonjs: 'lodash',
-      commonjs2: 'lodash',
-      amd: 'lodash',
-      root: '_' // 页面引入的全局变量
-    }
-  }
-}

package/.history/webpack.config_20250527165643.js

@@ -1,23 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  mode: 'development',
-  // mode: 'production',
-  // entry: './src/index.js',
-  
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    // filename: 'atguigu-utils.js',
-    filename: 'cody-utils.min.js',
-    libraryTarget: 'umd', // 打包生成库可以通过esm/commonjs/reqirejs的语法引入
-    library: 'cUtils' // 向外暴露的对象的名称
-  },
-  externals: {
-    lodash: {
-      commonjs: 'lodash',
-      commonjs2: 'lodash',
-      amd: 'lodash',
-      root: '_' // 页面引入的全局变量
-    }
-  }
-}

package/.history/webpack.config_20250527165647.js

@@ -1,23 +0,0 @@
-const path = require('path')
-
-module.exports = {
-  mode: 'development',
-  // mode: 'production',
-  entry: './src/index.js',
-  
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    // filename: 'atguigu-utils.js',
-    filename: 'cody-utils.min.js',
-    libraryTarget: 'umd', // 打包生成库可以通过esm/commonjs/reqirejs的语法引入
-    library: 'cUtils' // 向外暴露的对象的名称
-  },
-  externals: {
-    lodash: {
-      commonjs: 'lodash',
-      commonjs2: 'lodash',
-      amd: 'lodash',
-      root: '_' // 页面引入的全局变量
-    }
-  }
-}

package/test/01_call_apply_bind.html

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>函数的call/apply/bind()</title>
-</head>
-<body>
-
-  <!-- 
-    1. 区别call()/apply()/bind()
-        call(obj)/apply(obj): 调用函数, 指定函数中的this为第一个参数的值
-        bind(obj): 返回一个新的函数, 新函数内部会调用原来的函数, 且this为bind()指定的第一参数的值
-        注意: 如果obj是null/undefined, this为window
-    2. 应用
-        call()/bind()应用: 根据伪数组生成真数组
-        bind(): react中组件的自定义方法 / vue中的事件回调函数内部
-    3. 自定义call()/apply()
-        1). 给obj添加一个临时方法, 方法名任意, 值为当前函数
-        2). 通过obj调用这个临时方法, 并将接收的参数传入
-        3). 删除obj上的这个临时方法属性
-    4. 自定义实现bind()
-        1). 返回一个新函数
-        2). 在新函数内部通过原函数对象的call方法来执行原函数
-            指定this为obj
-            指定参数为bind调用的参数和后面新函数调用的参数
-  -->
-
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    function fn(a, b) {
-      console.log(a, b, this)
-    }
-
-    const obj = {m: 1}
-    
-    aUtils.call(fn, obj, 2, 3)  // 相当于执行了obj.fn(2, 3)
-    aUtils.apply(fn, obj, [2, 3])
-    aUtils.call(fn, undefined, 2, 3)
-
-    aUtils.bind(fn, obj)(2, 3)
-    aUtils.bind(fn, obj, 4)(2, 3)
-    aUtils.bind(fn, undefined, 4)(2, 3)
-  </script>
-</body>
-</html>

package/test/02_throttle_debounce.html

@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>函数节流与防抖</title>
-</head>
-<body>
-
-  <button id="throttle">测试函数节流</button>
-  <button id="debounce">测试函数防抖</button>
-  
-  <!-- 
-    1. 事件频繁触发可能造成的问题?
-        1). 一些浏览器事件:window.onresize、window.mousemove等，触发的频率非常高，会造成浏览器性能问题
-        2). 如果向后台发送请求，频繁触发，对服务器造成不必要的压力
-    
-    2. 如何限制事件处理函数频繁调用
-        1). 函数节流
-        2). 函数防抖
-
-    3. 函数节流(throttle)
-        1). 理解: 
-            在函数需要频繁触发时: 函数执行一次后，只有大于设定的执行周期后才会执行第二次
-            适合多次事件按时间做平均分配触发
-        2). 场景：
-            窗口调整（resize）
-            页面滚动（scroll）
-            DOM 元素的拖拽功能实现（mousemove）
-            抢购疯狂点击（click）
-            
-    4. 函数防抖(debounce)
-        1). 理解:
-            在函数需要频繁触发时: 在规定时间内，只让最后一次生效，前面的不生效。
-            适合多次事件一次响应的情况
-        2). 场景：
-            输入框实时搜索联想（keyup/input）
-  -->
-
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    /* 处理点击事件的回调函数 */
-    function handleClick(event) { // 处理事件的回调
-      console.log('处理点击事件', this, event)
-    }
-
-    // document.getElementById('throttle').onclick = handleClick
-    document.getElementById('throttle').onclick = aUtils.throttle(handleClick, 2000)
-    document.getElementById('debounce').onclick = aUtils.debounce(handleClick, 2000)
-  </script>
-
-</body>
-</html>

package/test/03_array_declare.html

@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>数组声明式方法</title>
-</head>
-<body>
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    /* 
-    自定义实现一组数组声明式方法
-      1). map()
-      2). reduce()
-      3). filter()
-      4). find()
-      5). findIndex()
-      6). every()
-      7). some()
-    */
-    /* 
-    需求:
-    1. 产生一个每个元素都比原来大10的新数组
-    2. 得到所有奇数的和
-    3. 得到值大于8且下标是偶数位的元素组成的数组
-    4. 找出一个值大于8且下标是偶数位的元素
-    5. 找出一个值大于8且下标是偶数位的元素的下标
-    6. 判断下标为偶数的元素是否都为奇数
-    7. 判断是否有下标为偶数的元素值为奇数
-    */
-
-    const arr = [1, 3, 6, 9, 15, 19, 16]
-
-    console.log(aUtils.map(arr, (item, index) => item + 10))
-    console.log(aUtils.reduce(arr, (preTotal, item, index) => {
-      return preTotal + (item%2===1 ? item : 0)
-    }, 0))
-    console.log(aUtils.filter(arr, (item, index) => item>8 && index%2===0))
-    console.log(aUtils.find(arr, (item, index) => item>8 && index%2===0))
-    console.log(aUtils.findIndex(arr, (item, index) => item>8 && index%2===0))
-    console.log(aUtils.every(arr, (item, index) => index%2===1 || item%2===1))
-    console.log(aUtils.some(arr, (item, index) => index%2===1 || item%2===1))
-    aUtils.test()
-  </script>
-
-  <script>
-    
-  </script>
-</body>
-</html>

package/test/04_array_unique.html

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>数组去重</title>
-</head>
-
-<body>
-  <!-- 
-    1). 理解: 
-        创建一个不重复的数组副本, 只有首次出现的元素才会被保留
-        如: uniq([2, 3, 2, 7, 6, 7]) ==> [2, 3, 7, 6]
-    2). 实现:
-        方法1: 利用forEach()和indexOf()
-               说明: 本质是双重遍历, 效率差些
-        方法2: 利用forEach() + 对象容器
-               说明: 只需一重遍历, 效率高些
-        方法3: 利用ES6语法: from + Set 或者 ... + Set
-               说明: 编码简洁
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    console.log(aUtils.unique1([2, 3, 2, 7, 6, 7]))
-    console.log(aUtils.unique2([2, 3, 2, 7, 6, 7]))
-    console.log(aUtils.unique3([2, 3, 2, 7, 6, 7]))
-  </script>
-</body>
-
-</html>

package/test/05_array_concat_slice.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>数组合并与切片</title>
-</head>
-<body>
-
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    /* 
-      1. concat()
-        语法: var newArray = concat(oldArr, value1[, value2[, ...[, valueN]]]) 
-        功能: 将n个数组或值与当前数组合并生成一个新数组
-      2. slice()
-        语法: var newArray = slice(oldArr, [begin[, end]])
-        功能: 返回一个由 begin 和 end 决定的原数组的浅拷贝, 原始数组不会被改变
-    */
-    console.log(aUtils.concat([1, 2], [3, 4], 6))  // [1, 2, 3, 4, 6]
-
-    console.log(aUtils.slice([1, 3, 5, 7, 9]))  // [1, 3, 5, 7, 9]
-    console.log(aUtils.slice([1, 3, 5, 7, 9], 1, 3)) // [3, 5]
-    console.log(aUtils.slice([1, 3, 5, 7, 9], 1, 10)) // [3, 5, 7, 9]
-  </script>
-</body>
-</html>

package/test/06_array_flatten.html

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>数组扁平化</title>
-</head>
-<body>
-  <!-- 
-    数组扁平化: 取出嵌套数组(多维)中的所有元素放到一个新数组(一维)中
-            如: [1, [3, [2, 4]]]  ==>  [1, 3, 2, 4]
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    // [1]  ---> [1, 3, 2, 4]
-    // [3, [2, 4]] --> [3] --> [3, 2, 4]
-    // [2, 4] --> [2, 4]
-    console.log(aUtils.flatten1([1, [3, [2, 4]]]))
-    console.log(aUtils.flatten2([1, [3, [2, 4]]]))
-  </script>
-</body>
-</html>