npm - cody-utils - Versions diffs - 1.0.1 → 1.0.2 - Mend

cody-utils 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/test/07_array_compact_chunk.html DELETED Viewed

@@ -1,25 +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). compact(array): 返回数组中所有真值元素组成的新数组
-    2). chunk(array, size): 将数组拆分成多个 size 长度的区块，每个区块组成小数组,整体组成一个二维数组
-  -->
-  <script src="../node_modules/lodash/lodash.js"></script>
-  <!-- <script src="../dist/atguigu-utils.js"></script> -->
-  <script src="../dist/atguigu-utils.min.js"></script>
-  <script>
-    console.log(aUtils.compact([0, 1, false, true, '', 'abc'])) // [1, true, 'abc']
-    console.log(aUtils.chunk([1, 2, 3, 4, 5, 6, 7], 3)) // [[1,2,3], [4,5,6],[7]]
-    console.log(aUtils.chunk([1, 2, 3, 4, 5, 6, 7]))// [[1],[2],[3],[4],[5],[6],[7]]
-    console.log(aUtils.chunk([1, 2, 3, 4, 5, 6, 7], 8))// [[1, 2, 3, 4, 5, 6, 7]]
-    console.log(aUtils.chunk2([1, 2, 3, 4, 5, 6, 7], 8))// [[1, 2, 3, 4, 5, 6, 7]]
-  </script>
-</body>
-</html>

package/test/08_array_difference_merge.html DELETED Viewed

@@ -1,22 +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>difference和merge</title>
-</head>
-<body>
-  <!--
-    1. difference(arr1, arr2): 得到当前数组中所有不在arr中的元素组成的数组(不改变原数组)
-        如: difference([1,3,5,7], [5, 8])  ==> [1, 3, 7]
-    2. merge(arr1, arr2): 将arr2与arr1的元素进行合并组成一个新的数组(不改变原数组)
-        如: merge([1,3,5,7,5], [1, 5, 8]) ==> [1, 3, 5, 7, 5, 8]
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    console.log(aUtils.difference([1,3,5,7], [5, 8]))
-    console.log(aUtils.mergeArray([1,3,5,7,5], [1, 5, 8]))
-  </script>
-</body>
-</html>

package/test/09_array_pull_pullAll.html DELETED Viewed

@@ -1,27 +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>pull与pullAll</title>
-</head>
-<body>
-  <!--
-    1. pull(array, ...values):
-        删除数组中与value相同的元素, 返回所有删除元素的数组
-        说明: 数组发生了改变
-        如: pull([1,3,5,3,7], 2, 7, 3, 7) ===> 数组变为[1, 5], 返回值为[3,3,7]
-    2. pullAll(array, values):
-        功能与pull一致, 只是参数变为数组
-        如: pullAll([1,3,5,3,7], [2, 7, 3, 7]) ===> 数组变为[1, 5], 返回值为[3,3,7]
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    var arr = [1,3,5,3,7]
-    console.log(aUtils.pull(arr, 2, 7, 3, 7), arr)
-    var arr2 = [1,3,5,3,7]
-    console.log(aUtils.pullAll(arr2, [2, 7, 3, 7]), arr2)
-  </script>
-</body>
-</html>

package/test/10_array_drop_dropRight.html DELETED Viewed

@@ -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>drop与dropRight</title>
-</head>
-<body>
-  <!--
-    1. drop(array, count):
-        得到数组过滤掉左边count个后剩余元素组成的数组
-        说明: 不改变当前数组, count默认是1
-        如: drop([1,3,5,7], 2) ===> [5, 7]
-    2. dropRight(array, count):
-        得到数组过滤掉右边count个后剩余元素组成的数组
-        说明: 不改变数组, count默认是1
-        如: dropRight([1,3,5,7], 2) ===> [1, 3]
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    console.log(aUtils.drop([1,3,5,7], 2))
-    console.log(aUtils.drop([1,3,5,7], 4))
-    console.log(aUtils.drop([1,3,5,7]))
-    console.log(aUtils.dropRight([1,3,5,7], 2))
-    console.log(aUtils.dropRight([1,3,5,7], 4))
-    console.log(aUtils.dropRight([1,3,5,7]))
-  </script>
-</body>
-</html>

package/test/11_new_instanceof.html DELETED Viewed

@@ -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">
-  <title>自定义new与instanceof工具函数</title>
-</head>
-<body>
-  <script>
-    /*
-    1. 自定义new工具函数
-        语法: newInstance(Fn, ...args)
-        功能: 创建Fn构造函数的实例对象
-        实现: 创建空对象obj, 调用Fn指定this为obj, 返回obj
-    2. 自定义instanceof工具函数
-        语法: myInstanceOf(obj, Type)
-        功能: 判断obj是否是Type类型的实例
-        实现: Type的原型对象是否是obj的原型链上的某个对象, 如果是返回tru, 否则返回false
-    */
-  </script>
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    function Person(name, age) {
-      this.name = name
-      this.age = age
-      return {}
-      // return []
-      // return function (){}
-      // return 1
-      // return undefined
-    }
-    const p = new Person('tom', 12)
-    console.log(p)
-    const p2 = aUtils.newInstance(Person, 'Jack', 13)
-    console.log(p2, p2.constructor)
-  </script>
-  <script>
-    console.log(aUtils.myInstanceOf(p, Object))
-    console.log(aUtils.myInstanceOf(p, Person))
-    console.log(aUtils.myInstanceOf(aUtils.myInstanceOf, Function))
-    console.log(aUtils.myInstanceOf(p, String), aUtils.myInstanceOf(p, Function))
-  </script>
-</body>
-</html>

package/test/12_object_merge.html DELETED Viewed

@@ -1,34 +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>
-  <!--
-    语法: object mergeObject(...objs)
-    功能: 合并多个对象, 返回一个合并后对象(不改变原对象)
-    合并前:
-        { a: [{ x: 2 }, { y: 4 }], b: 1}
-        { a: { z: 3}, b: [2, 3], c: 'foo'}
-    合并后:
-        { a: [ { x: 2 }, { y: 4 }, { z: 3 } ], b: [ 1, 2, 3 ], c: 'foo' }
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    const object = {
-      a: [{ x: 2 }, { y: 4 }],
-      b: 1
-    }
-    const other = {
-      a: { z: 3},
-      b: [2, 3],
-      c: 'foo'
-    }
-    console.log(aUtils.mergeObject(object, other))
-    // { a: [ { x: 2 }, { y: 4 }, { z: 3 } ], b: [ 1, 2, 3 ], c: 'foo' }
-  </script>
-</body>
-</html>

package/test/13_deepClone.html DELETED Viewed

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>深度克隆/深复制/深拷贝</title>
-</head>
-<body>
-  <script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.min.js"></script>
-  <!--
-  实现深拷贝
-      1). 大众乞丐版
-          问题1: 函数属性会丢失
-          问题2: 循环引用会出错
-      2). 面试基础版本
-          解决问题1: 函数属性还没丢失
-      3). 面试加强版本
-          解决问题2: 循环引用正常
-      4). 面试加强版本2(优化遍历性能)
-          数组: while | for | forEach() 优于 for-in | keys()&forEach()
-          对象: for-in 与 keys()&forEach() 差不多
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    const obj1 = {
-      a: 1,
-      b: [ 'e', 'f', 'g'],
-      c: { h: { i: 2 } },
-      d: function (){}
-     }
-     obj1.b.push(obj1.c)
-     obj1.c.j = obj1.b
-    // const obj1Clone = _.cloneDeep(obj1)
-    // const obj1Clone = aUtils.deepClone1(obj1)
-    // const obj1Clone = aUtils.deepClone2(obj1)
-    // const obj1Clone = aUtils.deepClone3(obj1)
-    const obj1Clone = aUtils.deepClone4(obj1)
-    console.log(obj1Clone, obj1Clone.c === obj1.c, obj1Clone.d===obj1.d)
-  </script>
-</body>
-</html>

package/test/13_shallowClone.html DELETED Viewed

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>浅克隆/浅复制/浅拷贝</title>
-</head>
-<body>
-  <!--
-    实现浅拷贝
-        方法一: 利用ES6语法
-        方法二: 利用ES5语法: for...in
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    const obj1 = { x: 'abc', y: {m: 1} }
-    // const obj2 = aUtils.clone1(obj1)
-    const obj2 = aUtils.clone2(obj1)
-    console.log(obj2, obj2===obj1, obj2.x===obj1.x, obj2.y===obj1.y)
-    const arr1 = ['abc', {m: 1}]
-    // const arr2 = aUtils.clone1(arr1)
-    const arr2 = aUtils.clone2(arr1)
-    console.log(arr2, arr2===arr1, arr2[0]===arr1[0], arr2[1]===arr1[1])
-  </script>
-</body>
-</html>

package/test/13_/346/265/213/350/257/225/351/201/215/345/216/206/345/257/271/350/261/241/346/225/210/347/216/207.html DELETED Viewed

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>测试各种遍历对象的效率</title>
-</head>
-<body>
-  <script>
-    /*
-    测试: for...in / keys & forEach
-    耗时: 差不多
-    */
-    const obj = new Object();
-    for (let i = 0; i < 100000; i++) {
-      obj[i] = 1
-    }
-    // for..in
-    console.time()
-    for (const key in obj) {
-      if (obj.hasOwnProperty(key)) {
-        // const element = obj[key];
-      }
-    }
-    console.timeEnd()
-    // keys() + forEach
-    console.time()
-    Object.keys(obj).forEach(key => {
-      // let element32 = obj[key]
-    })
-    console.timeEnd()
-  </script>
-</body>
-</html>

package/test/13_/346/265/213/350/257/225/351/201/215/345/216/206/346/225/260/347/273/204/346/225/210/347/216/207.html DELETED Viewed

@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>测试各种遍历数组的效率</title>
-</head>
-<body>
-  <script>
-    /*
-    测试: for...in / for / forEach / keys&forEach / while
-      耗时: for...in | keys&forEach > for | forEach | while
-    */
-    const arr = new Array();
-    for (let i = 0; i < 100000; i++) {
-      arr.push(1)
-    }
-    // for..in
-    console.time()
-    for (const key in arr) {
-      let element = arr[key];
-    }
-    console.timeEnd()
-    //for
-    console.time()
-    for (let index = 0; index < arr.length; index++) {
-      let element2 = arr[index];
-    }
-    console.timeEnd()
-    // forEach
-    console.time()
-    arr.forEach(item => {
-      let element3 = item;
-    })
-    console.timeEnd()
-    // keys() + forEach
-    console.time()
-    Object.keys(arr).forEach(index => {
-      let element32 = arr[index]
-    })
-    console.timeEnd()
-    // while
-    console.time()
-    const length = arr.length
-    let index = 0
-    while(index++ < length) {
-      let element4 = arr[index]
-    }
-    console.timeEnd()
-  </script>
-</body>
-</html>

package/test/14_string.html DELETED Viewed

@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>字符串处理的系列方法</title>
-</head>
-<body>
-  <!--
-    1. 字符串倒序: reverseString(str)  生成一个倒序的字符串
-    2. 字符串是否是回文: palindrome(str) 如果给定的字符串是回文，则返回 true ；否则返回 false
-    3. 截取字符串: truncate(str, num) 如果字符串的长度超过了num, 截取前面num长度部分, 并以...结束
-  -->
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    console.log(aUtils.reverseString('abcd')) // dcba
-    console.log(aUtils.palindrome('abcb'), aUtils.palindrome('abcba')) // false true
-    console.log(aUtils.truncate('boomerang', 7)) // boomera...
-  </script>
-</body>
-</html>

package/test/15_/346/211/213/345/206/231/347/273/247/346/211/277.html DELETED Viewed

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>手写继承</title>
-</head>
-<body>
-  <!--
-  手写继承:
-      实现方式: 寄生组合式
-      说明: 其它方式的继承会在一次实例中调用两次父类的构造函数或有其它缺点
-  -->
-  <script>
-    function Parent(name, age) {
-      this.name = name
-      this.age = age
-    }
-    Parent.prototype.sayName = function () {
-      console.log('name:', this.name)
-    }
-    function Child(name, age, score) {
-      Parent.call(this, name, age)
-      this.score = score
-    }
-    function create(proto) {
-      function F() {}
-      F.prototype = proto
-      return new F()
-    }
-    Child.prototype = create(Parent.prototype)
-    Child.prototype.constructor = Child
-    Child.prototype.sayScore = function () {
-      console.log('score:', this.score)
-    }
-    // 创建父类型对象
-    var parent = new Parent('father', 30)
-    parent.sayName()
-    // 创建子类型对象
-    var child = new Child('son', 5, 90)
-    child.sayName()
-    child.sayScore()
-  </script>
-</body>
-</html>

package/test/16_/346/211/213/345/206/231/344/272/213/344/273/266/346/200/273/347/272/277.html DELETED Viewed

@@ -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>
-  <script src="../dist/atguigu-utils.js"></script>
-  <script>
-    const { eventBus } = aUtils
-    eventBus.on('add', (data) => {
-      console.log('add', data)
-    })
-    eventBus.on('add', (data) => {
-      console.log('add2', data)
-    })
-    eventBus.on('delete', (data) => {
-      console.log('delete', data)
-    })
-    // eventBus.off('add')
-    // eventBus.off()
-    eventBus.emit('add', 123)
-    eventBus.emit('delete', 'abc')
-  </script>
-</body>
-</html>

package/test/17_/346/211/213/345/206/231/346/266/210/346/201/257/350/256/242/351/230/205/344/270/216/345/217/221/345/270/203.html DELETED Viewed

@@ -1,48 +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>Document</title>
-</head>
-<body>
-<!--
-  PubSub 包含n个方法的对象
-  1. subcribe(msgName, callback): 订阅消息
-  2. publish(msgName, data): 发布异步的消息
-  3. publishSync(msgName, data):  发布同步的消息
-  4. unsubscribe(flag): 取消消息订阅
--->
-<script src="../dist/atguigu-utils.js"></script>
-<script>
-  const { PubSub } = aUtils
-  // 订阅消息
-  PubSub.subscribe('add', (data) => {
-    console.log('add()...', data)
-  })
-  PubSub.subscribe('add', (data) => {
-    console.log('add2()...', data)
-  })
-  const token = PubSub.subscribe('add', (data) => {
-    console.log('add3()...', data)
-  })
-  PubSub.subscribe('update', (data) => {
-    console.log('update()...', data)
-  })
-  // PubSub.unsubscribe(token)
-  // PubSub.unsubscribe('add')
-  // PubSub.unsubscribe()
-  PubSub.publish('add', 12)
-  PubSub.publish('update', 13)
-  console.log('----')
-  // PubSub.unsubscribe(token)
-  // PubSub.unsubscribe('add')
-</script>
-</body>
-</html>

package/test/18_/346/211/213/345/206/231Promise.html DELETED Viewed

@@ -1,49 +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>手写Promise</title>
-</head>
-<body>
-<script src="../dist/atguigu-utils.js"></script>
-<script>
-  const { Promise } = aUtils
-  new Promise((resolve, reject) => {
-    // resolve(1)
-    // setTimeout(() => {
-      reject(2)
-    // }, 1000);
-  })
-  .then(value => {
-    console.log('onResolve()1')
-  })
-  .then(
-    value => {console.log('onResolved()2', value)},
-    reason => {
-      console.log('onRejected2()', reason)
-      // return 3
-      // throw 4
-      // return new Promise((resolve, reject) =>resolve(5))
-      return new Promise((resolve, reject) =>reject(6))
-    }
-  ).then(
-    value => {console.log('onResolved3()', value)},
-    reason => {
-      console.log('onRejected3()', reason)
-      // throw reason
-    }
-  ).catch(reason => {
-    console.log('onRejected4()', reason)
-  }).then(
-    value => {console.log('onResolved5()', value)},
-    reason => {
-      console.log('onRejected5()', reason)
-    }
-  )
-</script>
-</body>
-</html>

package/test/19_/346/211/213/345/206/231ajax/350/257/267/346/261/202/345/207/275/346/225/260.html DELETED Viewed

@@ -1,102 +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>手写ajax请求函数</title>
-</head>
-<body>
-  <button onclick="testGet()">发送GET请求</button><br>
-  <button onclick="testPost()">发送POST请求</button><br>
-  <button onclick="testPut()">发送PUT请求</button><br>
-  <button onclick="testDelete()">发送Delete请求</button><br>
-<script src="../dist/atguigu-utils.js"></script>
-<script>
-  const { axios } = aUtils
-  /* 1. GET请求: 从服务器端获取数据*/
-  function testGet() {
-    axios({
-      // url: 'http://localhost:3000/posts',
-      url: 'http://localhost:3000/posts2',
-      method: 'GET',
-      params: {
-        id: 1,
-        xxx: 'abc'
-      }
-    })
-    // axios.get('http://localhost:3000/posts', {params: {id: 1}})
-    .then(
-      response => {
-        console.log(response)
-      },
-      error => {
-        alert(error.message)
-      }
-    )
-  }
-  /* 2. POST请求: 服务器端保存数据*/
-  function testPost() {
-    axios({
-      url: 'http://localhost:3000/posts',
-      method: 'POST',
-      data: {
-        "title": "json-server---",
-        "author": "typicode---"
-      }
-    })
-    // axios.post('http://localhost:3000/posts', {title: 'aaa', author: 'bbb'})
-    .then(
-      response => {
-        console.log(response)
-      },
-      error => {
-        alert(error.message)
-      }
-    )
-  }
-  /* 3. PUT请求: 服务器端更新数据*/
-  function testPut() {
-    axios({
-      url: 'http://localhost:3000/posts/1',
-      method: 'put',
-      data: {
-        "title": "json-server+++",
-        "author": "typicode+++"
-      }
-    })
-    // axios.put('http://localhost:3000/posts/1', {title: 'aaa222', author: 'bbb222'})
-    .then(
-      response => {
-        console.log(response)
-      },
-      error => {
-        alert(error.message)
-      }
-    )
-  }
-  /* 2. DELETE请求: 服务器端删除数据*/
-  function testDelete() {
-    axios({
-      url: 'http://localhost:3000/posts/2',
-      method: 'delete'
-    })
-    // axios.delete('http://localhost:3000/posts/2')
-    .then(
-      response => {
-        console.log(response)
-      },
-      error => {
-        alert(error.message)
-      }
-    )
-  }
-</script>
-</body>
-</html>