- 博客(12)
- 收藏
- 关注
RSS订阅原创 js引用类型与基本类型
这意味着，对于基本类型的 const 变量来说，它们的值是不可变的。而对于引用类型的 const 变量，虽然变量本身不能再指向其他对象，但是对象本身的属性是可以被修改的。当创建一个新的引用类型对象时，会在堆内存中分配一块足够的内存来存储对象的数据。长期存储：引用类型的生命周期可能会比基本类型更长，它们通常用于存储复杂的数据结构和对象，需要在程序的不同部分共享和访问。在创建对象、数组、函数等引用类型时，它们的实际数据会被存储在堆内存中，并在栈内存中存储一个对应的指针（地址）。
2023-12-29 17:39:34
342
1
原创 mask遮罩配合＜input text=“range“＞实现图片切换
【代码】mask遮罩配合＜input text=“range“＞实现图片切换。
2023-12-28 17:35:16
373
1
原创 Mock数据
在前端没有实际后端接口的支持下，为了提高开发效率，可以先进行j接口数据的模拟，来进行正常的业务开发。使用npm run server启动。2.使用 Mock.js 库。在浏览器打开检查是否可用。
2023-12-13 16:08:00
368
1
原创 React Hooks （useState useRef useEffect 自定义hook）用法
为了提高部分功能的复用，便于后期维护，我们通常会自定义一些hook进行逻辑复用//展示App component的显示与隐藏setShow(!show)return (<></>将展示与隐藏的逻辑抽离出来，进行自定义hook。show)return (<></>用法1.声明一个以use开头的函数2.在函数体内封装需要复用的逻辑3.将组件中用到的状态使用return返回出去4.在使用到自定义hook的组件中执行该函数，解构出需要的状态进行使用。
2023-12-07 14:03:11
932
原创 React基础1(jsx遍历展示，条件展示，样式展示，绑定表单)
1.在旧的虚拟DOM中存在与新的虚拟DOM相同的key，则进行内容的比较。如果内容改变则生成新的真实DOM，否则使用原来的真实DOM。当数据发生变化时，react通过diff算法将新的虚拟DOM与旧的虚拟DOM进行比较，从而进行真实DOM的更新。如果列表内有输入的内容(例如input框)，后续操作破坏了原始顺序，以index作为key，就会产生错误DOM。2.在旧的虚拟DOM中不存在与新的虚拟DOM相同的key，则直接创建新的真实DOM。
2023-11-27 14:17:33
430
原创 React Hooks 原理
更新的时候也是取出之前的 memorizedState，和新传入的 deps 做对比，如果没变，就返回之前的值，即prevState[0]。更新的时候把之前的memorizedState取出来，和新传入的deps 做对比，如果没变，就返回之前的回调函数，即prevState[0]。如果变了，就创建一个新的数组，第一个元素是传入的回调函数，第二个是传入的 deps。所以，useMemo 的功能：实现函数执行结果的缓存，如果 deps 没变，就返回之前的结果，否则才会执行函数返回最新结果。
2023-11-22 15:31:44
297
原创 封装接口的请求 根据请求后返回的状态 进行逻辑处理
在进行前后端交互时，需要对不同的接口进行多次请求，根据不同的返回状态来进行相关的逻辑操作。在这种情况下，我们可以对接口的请求进行封装，获取到不同请求的（成功/失败）状态，再去进行相关的逻辑操作，提高代码可读性，便于后续维护。
2023-11-21 09:55:07
49
原创 在对象和数组下对undefined使用扩展运算符
在收集表单数据时，遇到了收集并整合数据的情况。不必要的表单数据可能为undefined，如果收集并整合的数据类型为数组，可能会出现一些问题。
2023-11-17 15:28:21
129
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人