![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
文章平均质量分 87
空、
这个作者很懒,什么都没留下…
展开
-
从列表组件中key,延展到真实dom与虚拟dom
从以上来看,不带有key,并且使用简单的模板,基于这个前提下,可以更有效的复用节点,diff速度来看也是不带key更加快速的,因为带key在增删节点上有耗时。但是这种模式会带来一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据(表单)状态,会出现状态错位。这些对象包含了节点的类型、属性、子节点等信息,但它们并不直接与浏览器的DOM API进行交互。首先明确key的作用,key是给每一个vnode的唯一值,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。原创 2024-07-29 11:48:01 · 743 阅读 · 0 评论 -
着手与react-app的学习
一直在使用vue,react快忘记了故,重新学习react项目全方位的搭建安装react脚手架npm i create-react-app -g //脚手架可以简化复杂的配置创建项目create-react-app react-demo脚手架中安装react-router,react-router-domnpm i React-Router React-Router-...原创 2019-08-20 17:15:55 · 149 阅读 · 0 评论 -
vue react PC/移动端 lib-flexible postcss-px2rem 一套自适应方法
安装 lib-flexible postcss-px2rem 两个包npm i lib-flexible --savenpm i postcss-px2rem --savevue 在main.js 中引入,react 在index.js 中引入import 'lib-flexible'modul文件夹中找到 lib-flexible ->flexible.js functi...原创 2019-09-04 13:56:51 · 1458 阅读 · 0 评论