摘要: Promise 是什么? Promise 是 ES6 提供的一种异步编程解决方案,解决了传统异步处理的回调金字塔问题; Promise 对象是一个构造函数,用来生成 Promise 实例; Promise 构成:console.dir(Promise); 可以看出,Promise 这个构造函数自己身 阅读全文
posted @ 2022-04-06 15:54 太轻描淡写了 阅读(349) 评论(0) 推荐(0) 编辑
摘要: 安装 nodejs 安装 tree-node-cli npm install -g tree-node-cli // 全局安装tree-node-cli 自动生成树目录 定位到要生成树结构的根目录下: treee -L 4 -I "node_modules|themes|public" > tree 阅读全文
posted @ 2022-03-30 15:05 太轻描淡写了 阅读(839) 评论(0) 推荐(0) 编辑
摘要: 官方生命周期速查表 官方生命周期速查表 注意:速查表上方有个是否显示不常用的生命周期以及react版本和国际化; 类(class)组件生命周期 每个类组件都包含"生命周期方法",实质上是钩子函数,通过重写这些钩子函数,可以帮助我们在特定的契机执行一些动作。 这里记录一下常用的和不常用的生命周期方法, 阅读全文
posted @ 2022-03-29 09:12 太轻描淡写了 阅读(107) 评论(0) 推荐(0) 编辑
摘要: useEffect函数 // 第一个参数是一个回调函数 // 第二个参数是一个可选数组 function useEffect(effect: EffectCallback, deps?: DependencyList): void; 不同的参数和返回 不传参数 // 会每次 render 后都执行 阅读全文
posted @ 2022-03-28 15:03 太轻描淡写了 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 组件间通信方式 在使用 React 的过程中,经常需要组件之间相互传递信息,故记录一下组件间的常用通信方式: 父组件向子组件通信 父组件向子组件传递 props, 子组件通过获取 props 中的内容得到父组件传递的信息; 示例:父组件(App)向子组件(Root)通信 import Root fr 阅读全文
posted @ 2022-03-25 10:14 太轻描淡写了 阅读(1467) 评论(0) 推荐(0) 编辑
摘要: 淘宝 npm 地址: http://npm.taobao.org/ npm 临时使用 # 以 events 依赖包为例 npm --registry https://registry.npmmirror.com install events --save npm 持久使用 npm config se 阅读全文
posted @ 2022-03-24 21:51 太轻描淡写了 阅读(7000) 评论(0) 推荐(0) 编辑
摘要: for循环(两次嵌套) + 新数组 function deduplication(arr) { var flag = 0; // 创建一个新数组 var result = new Array(); // 遍历原数组 for(var i = 0; i < arr.length; i++) { flag 阅读全文
posted @ 2022-03-20 16:48 太轻描淡写了 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 语法 array.reduce(callback, [initValue]) reduce为数组中每个元素依次调用callback函数,不包括数组中未赋值或删除的元素 // 第一个参数,callback 接收四个参数 function(total, currentValue, index, arra 阅读全文
posted @ 2022-03-18 08:46 太轻描淡写了 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 利用 for...in 判断 function isEmptyObject(object) { for (let key in object) { return false; // 能遍历,对象不为空 } return true; } 思路:利用for in 循环遍历对象和对象原型上的可枚举属性; 阅读全文
posted @ 2022-03-17 16:13 太轻描淡写了 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 父元素 margin 塌陷 只发生在垂直方向,父元素的第一个或最后一个子元素设置了同方向的 margin 值,两个属性之间没有其他内容进行隔离,导致父元素margin-top或margin-bottom塌陷; 当父子元素margin-top均为0px,效果如左图;当橙色父元素margin-top: 阅读全文
posted @ 2022-03-16 18:55 太轻描淡写了 阅读(384) 评论(0) 推荐(0) 编辑