2021年9月
setState机制
摘要： setState作为react中的重要部分，将对组件 state 的更改排入队列，并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。这是用于更新用户界面以响应事件处理器和处理服务器数据的主要方式。 setState是同步还是异步？ setState只在合成事件和钩子函数、生 阅读全文
posted @ 2021-09-20 17:43 千亿昔 阅读(238) 评论(0) 推荐(0) 编辑
深入react技术栈-初入react
摘要： 1.virtual DOM 传统页面开发模式中，都是对真实的dom进行操作，耗费大量的性能。而react将真实dom树转换成虚拟dom,每一次更新都与原来的虚拟dom进行diff比对来进行更新，对于改变的部分来进行批量更新，节约了性能。 通过虚拟dom转换成真实dom，方便和其他平台的集成，reac 阅读全文
posted @ 2021-09-19 22:11 千亿昔 阅读(130) 评论(0) 推荐(0) 编辑
javaScript实现继承的几种方法
摘要： 很多面向对象的语言都接受两种继承：接口继承和实现继承。 前者只继承方法签名，后者继承实际的方法。接口继承在 ECMAScript 中是不可能的，因为函数没有签 名。实现继承是 ECMAScript 唯一支持的继承方式，而这主要是通过原型链实现的。 1.原型链继承 通过原型链继承的方式，SubType 阅读全文
posted @ 2021-09-04 10:44 千亿昔 阅读(270) 评论(0) 推荐(0) 编辑
2021年8月
深入了解promise,手写实现promise
摘要： 什么是Promise promise是一个构造函数，是用来封装一个异步操作并可以获取其成功/失败的结果值 Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值、 有哪些异步编程？ 1.fs(node)文件操作 2.数据库操作 3.定时器等回调函数 4.发送AJAX请求 ..... 阅读全文
posted @ 2021-08-15 23:09 千亿昔 阅读(164) 评论(0) 推荐(0) 编辑
实现数组扁平化
摘要： 什么是数组扁平化？ 就是将一个嵌套多层的数组转换成只有一层的数组 实现方法： 1.递归实现 var arr = [1,[2,[3,4,5]]] function flatten(arr){ let result = [] for(let i=0;i<arr.length;i++){ if(Array 阅读全文
posted @ 2021-08-14 23:11 千亿昔 阅读(83) 评论(0) 推荐(0) 编辑
JS数组方法总结
摘要： 数组的构造器方法： 1.直接定义， var arr = [] 2.使用Array构造器， var arr = Array[6] 3.Array.of():用于将参数依次转换为数组中的一项，然后返回新数组，与构造器Array的区别是只有一个参数数字时，Array是新建一个为该长度的数组，而Array. 阅读全文
posted @ 2021-08-14 22:44 千亿昔 阅读(83) 评论(0) 推荐(0) 编辑
js数据类型详解&&手动实现数据类型检测
摘要： js数据类型： 基础数据类型：string,number,boolean,null,undefined,null,symbol(es6新增的数据类型) 引用数据类型：Object(Function,Math,RegExp,Array,Date) 基础数据类型保存在栈内存中，在引用或拷贝时，会创建一个 阅读全文
posted @ 2021-08-14 18:14 千亿昔 阅读(43) 评论(0) 推荐(0) 编辑
2021年7月
webpack打包详解
摘要： Webpack 1.为什么要使用webpack打包工具？ webpack不仅可以让我们编写模块，而且还支持任何模块格式，并且可以同时处理资源，带来良好的开发体验以及提高了打包效率。 模块打包 ： 将不同模块的文件打包整合在一起，按照引用的树状形状来进行模块打包，保证项目的清晰度 编译兼容 ：将浏览器 阅读全文
posted @ 2021-07-25 16:31 千亿昔 阅读(387) 评论(2) 推荐(0) 编辑
react生命周期
摘要： 挂载阶段的生命周期函数： 挂载过程在组件渲染过程中只出现一次 1.counstructor:（在挂载时被调用一次，可以对this.state进行初始化） 2.componentWillMount（一般进行初始化操作，但是存在风险，react16已经·废弃了该方法） 3.render（不会操作真实DO 阅读全文
posted @ 2021-07-07 22:27 千亿昔 阅读(46) 评论(0) 推荐(0) 编辑
JSX是如何变成DOM的（深入浅出搞定REACT）
摘要： 首先问三个问题吧 JSX的本质是什么？他与JS之间是什么关系？ 为什么要用JSX，不用会有什么后果？ JSX背后的功能模块是什么，这个功能模块都做了哪些事情？ 其实对于我学了react一段时间，对于正常的业务流，日常的数据流可以正常的使用，涉及底层原理还是不太了解，但是今天还是来讲一下JSX是如何变 阅读全文
posted @ 2021-07-07 21:37 千亿昔 阅读(321) 评论(0) 推荐(0) 编辑