![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 65
litchi dream
这个作者很懒,什么都没留下…
展开
-
React + Node.js『markdown 笔记本 』项目
该项目的主要功能是增删改查笔记,笔记可以使用 markdown 语法编写,笔记内容展示 markdown 语法编译后内容。原创 2022-08-14 16:16:39 · 713 阅读 · 3 评论 -
React仿写网易云音乐项目
文章目录项目功能说明最终效果项目技术文件目录结构说明项目功能说明最终效果首页:[外链图片转存中…(img-QPibK7GD-1632634396867)]项目技术文件目录结构说明原创 2021-10-16 23:31:09 · 2184 阅读 · 6 评论 -
react、vue中的key有什么作用?(key的内部原理)
key的原理与作用案例解析:使用数组Index作为key引起的问题:input的value发生错乱使用id作为key:页面正确显示总结:react、vue中的key有什么作用? (key的内部原理)虚拟DOM中key的作用:key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟D0M】, 随后vue进行【新虚拟DO】与【虚拟DOM】的差异比较,比较規则如下对比规则(1)旧虚拟DOM中找到了与新虚拟DOM相同的key,若虚拟DOM中内容没变,直原创 2021-09-04 11:07:25 · 179 阅读 · 0 评论 -
react 解决数据不可变性
对象的浅拷贝:Object.assign或扩展运算符对象的浅拷贝带来的问题:从代码角度来讲,没有问题,解决了一些实际开发会出现的风险从性能角度来说,有问题,如果对象过于庞大,这种拷贝方式会带来性能问题以及内存浪费Immutable对象Immutable对象的特点是:只要修改了对象就会返回一个新的对象,但是旧的对象不会改变。为了节约内存,Immutable使用了一种新的算法:Persistent Data Structure(持久化数据结构/一致性数据结构)这里的持久化数据结构使用一种数据结构.原创 2021-09-01 08:17:28 · 392 阅读 · 0 评论 -
react github搜索案例 知识点总结
文章目录最终效果1.ES6知识点:解构赋值+重命名2.消息订阅与发布机制3.fetch发送请求(关注分离设计思想)github链接最终效果1.ES6知识点:解构赋值+重命名let obj ={a,{b:2}}const {a} = obj // 传统解构赋值const {a:{b}} = obj // 连续解构赋值const {a:{b:value}} = obj // 连续解构赋值+重命名2.消息订阅与发布机制先订阅,再发布适用于任何组件内的通信在 compone原创 2021-08-03 13:39:21 · 141 阅读 · 0 评论 -
react todoList 案例 知识点总结
文章目录一、最终效果二、实现功能三、通过学习到的知识1. 拆分组件、实现静态组件。注意 class 与 style 的写法2. 动态初始化列表,如何确定将数据放在哪个组件的 state中?3. 关于父子之间通信4. 注意 defaultchecked和 checked的区别,类似的还有: defaultvalue和 value5.状态在哪里,操作状态的方法就在哪里四、github链接一、最终效果二、实现功能添加 toddo删除 todo全选/取消全选 todo清除所有已完成 todo三、原创 2021-07-31 10:35:49 · 162 阅读 · 0 评论 -
解决npm error create-react-app my-app 报错
更换npm代理npm config set registry http://registry.cnpmjs.org单独执行三句命令:npm install -g reactnpm install -g react-domnpm install -g react-scripts最后重新创建!create-react-app first-demo成功!Happy hacking!为了以后下别的包快一点,可以再换回淘宝代理npm config set registry https:原创 2021-07-30 09:52:45 · 1109 阅读 · 0 评论