摘要：
一、immutable数据拷贝优化在于引用，而不是占据内存的深拷贝大量数据的差异性能 (主要是属性多，对数据进行复杂单独提炼修改方便来优化数据源) 1.因为在react中，redux经常要做拷贝，因为redux中的reducer是一个纯函数（输出完全依赖输入，不能影响外部数据） 不管是json方法拷 阅读全文
posted @ 2022-03-31 15:47
cc-front
阅读(98)
评论(0)
推荐(0)
摘要：
一、当需要交换两个变量的值时，如何使用声明交换 1.使用一个临时变量来交换 中间变量 let a=10; let b=20; let temp=a; a=b; b=temp; console.log('a='+a,'b='+b) 2.使用ES6解构赋值语法来交换 let a=10; let b=20 阅读全文
posted @ 2022-03-30 09:59
cc-front
阅读(1331)
评论(0)
推荐(0)
摘要：
1.实现类，必须实现Car数据接口 /** 定义数据类型 */ interface Car { wheel: number; color: string; say: () => void; } type CarProp = { wheel: 4 | 6; color: string; } // 实现 阅读全文
posted @ 2022-03-29 20:35
cc-front
阅读(231)
评论(0)
推荐(0)
摘要：
一、为什么使用TS开发，js不足够吗 第一点知识：vscode和TypeScript是都是微软开发，维护的。市场使用人多率 TS是微软公司开发和维护的一种面向对象的编程语言。它是JS的超集，包含其他所有元素。 TypeScript完全遵循OOPS的概念，在TSC（TypeScript编译器）来解析t 阅读全文
posted @ 2022-03-29 16:09
cc-front
阅读(274)
评论(0)
推荐(0)
摘要：
1.合并数组 并非运算for 运算 setData( { typeList:['全部', ...result.data] //展开运算数组 typeList:['全部'].concat(result.data) //concat数组合并 typeList:result.data.reduce((r, 阅读全文
posted @ 2022-03-28 22:01
cc-front
阅读(309)
评论(0)
推荐(0)
摘要：
一、当需要实现函数组件的双向绑定时无非就是实现手动将事件对象加值变量 1.useState + value + onChange事件对象 =>输入框双想绑定 const Input=()=>{ const [message,setMessage] = useState(''); return( <> 阅读全文
posted @ 2022-03-28 21:55
cc-front
阅读(820)
评论(0)
推荐(0)
摘要：
在REACT组件中： 1.基于数据驱动（修改状态数据，REACT帮助重新渲染视图）完成的组件叫做受控组件 ==>（受数据控制的组件） 2.基于ref操作的dom实现视图更新的，叫做非受控组件 =>在项目场景中，建议多使用受控组件 VUE:[MVVM] 数据更改视图跟着更改，视图更改数据也跟着更改（双 阅读全文
posted @ 2022-03-28 21:27
cc-front
阅读(43)
评论(0)
推荐(0)
摘要：
一、页面常常有事件点击的场景，这里有两种情况分辨 事件冒泡和事件捕获 浏览器上最外层是window对象 1.事件捕获 > 它是从最外层开始发生到最具体的元素 p document ->html ->body ->div ->p 2.事件冒泡是从结构内层最里面元素发生到最外层document对象 最内 阅读全文
posted @ 2022-03-28 16:05
cc-front
阅读(162)
评论(0)
推荐(0)
摘要：
一、实现数据双向绑定 底层原理实现 输入框 1.使用Object.defineProperty实现 <input id="inputNode" type="text" oninput="inputEvt()"/> <h1 id="showNode"></h1> <script> var obj={ 阅读全文
posted @ 2022-03-28 14:09
cc-front
阅读(65)
评论(0)
推荐(0)
摘要：
一、当想获取输入框的值并想展现出来时候就需要用什么方式来获取 1.js事件对象 2.框架绑定 1.使用oninput事件 拿取元素id选择器 直接获取 <h1 id="title">HELLO JS oninput</h1> <input type="text" id="a" name="b" cl 阅读全文
posted @ 2022-03-28 10:21
cc-front
阅读(3289)
评论(0)
推荐(0)
浙公网安备 33010602011771号