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

cody-utils 1.0.1 → 1.0.3

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 (62) hide show

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>

package/test/20_/346/225/260/346/215/256/347/273/223/346/236/204/344/270/216/347/256/227/346/263/225/01_/345/237/272/346/234/254/346/225/260/346/215/256/347/273/223/346/236/204_/346/225/260/347/273/204//346/225/260/347/273/204/345/270/270/350/247/201/346/223/215/344/275/2341.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>
-  <script>
-    /*
-    1. 理解
-        多个有序数元素的列表
-        每个元素都有一个唯一的数值标号, 且从0开始依次递增
-        在内存中数据是保存在一块连续的内存中的
-    2. 相关API操作
-        静态方法
-        更新的方法
-        遍历相关的声明式方法
-        其它方法
-    */
-    /*
-    静态方法
-        from(): 从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例
-        of(): 创建一个具有可变数量参数的新数组实例
-        isArray()
-    */
-    //  from(): 从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例
-    function f() {
-      return Array.from(arguments);
-    }
-    console.log(f(1, 2, 3));
-    const set = new Set(['foo', 'bar', 'baz', 'foo']);
-    console.log(Array.from(set));
-    // of(): 创建一个具有可变数量参数的新数组实例
-    console.log(Array.of(3)); // [3]
-    console.log(Array.of(1, 2, 3)); // [1, 2, 3]
-    // isArray()
-    console.log(Array.isArray([1, 2, 3]), Array.isArray({foo: 123}));
-  </script>
-</body>
-</html>

@@ -1,74 +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>
-  <script>
-    /*
-    1. 理解
-        多个有序数元素的列表
-        每个元素都有一个唯一的数值标号, 且从0开始依次递增
-        在内存中数据是保存在一块连续的内存中的
-    2. 相关API操作
-        静态方法
-        更新的方法
-        遍历相关的声明式方法
-        其它方法
-    */
-    /*
-    更新的方法
-        push()
-        pop()
-        unshift()
-        shift()
-        sort()
-        reverse()
-        splice()
-    */
-    /*
-    需求:
-        1. 在数组的最后添加6
-        2. 在数组的最后一次添加8和9
-        3. 在数组的最后添加包含8和9的数组
-        4. 删除数组的最后一个元素
-        5. 在数组的最前面添加2
-        6. 在数组的最前面一次添加4和3(注: 3在前, 4在后)
-        7. 删除数组的第一个元素
-        8. 对数组进行按数值降序排列
-        9. 对数组进行倒序排列
-        10. 删除第3个元素
-        11. 将第3个元素替换为10(不能直接赋值)
-        12. 将11插入为数组的第3个元素
-    */
-    const arr = [3, 1, 14, 9, 7, 6]
-    arr.push(6)
-    arr.push(8, 9) // 添加2个元素
-    arr.push([8, 9]) // 添加1个元素
-    console.log(arr.pop())
-    arr.unshift(2)
-    arr.unshift(3, 4)
-    console.log(arr.shift())
-    arr.sort()
-    arr.sort((item1, item2) => item2 - item1)  // 根据数值降序
-    arr.reverse()
-    arr.splice(2, 1)
-    arr.splice(2, 1, 4)
-    arr.splice(2, 0, 3)
-    console.log(arr)
-  </script>
-</body>
-</html>