摘要：
一、redux概念 ◼ JavaScript开发的应用程序，已经变得越来越复杂了： JavaScript需要管理的状态越来越多，越来越复杂； 这些状态包括服务器返回的数据、缓存数据、用户操作产生的数据等等，也包括一些UI的状态，比如某些元素是否被选中，是否显示 加载动效，当前分页； ◼ 管理 阅读全文
摘要：
一、react-transition-grou过渡动画 react-transition-group本质是自动给我们添加类和删除类，具体的过渡动画效果还是要我们自己写。 ◼ 在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。 ◼ 当然，我们可以通过原生的CSS来实现这 阅读全文
摘要：
一、portals 我们所有的元素都将挂载到#root下，但是有的时候，我们希望一部分元素挂载到html的其他元素，这个时候就可以使用protals了。 ◼ 某些情况下，我们希望渲染的内容独立于父组件，甚至是独立于当前挂载到的DOM元素中（默认都是挂载到id为root的DOM 元素上的）。 ◼ Po 阅读全文
摘要：
一、概念 我的理解是，是否有react提供数据，分为受控组件和非受控组件。 比如input元素，只要绑定了value属性，那么在react中，用户在输入框输入的值不会显示在输入框(react应该做了限制，原生html的input框即使value绑定了值依然可以输入)， 这就导致，想改变value的值 阅读全文
摘要：
一、基本使用 注意一点，setState是异步的 那么如何可以获取到更新后的值呢？ 方式一：setState的回调 setState接受两个参数：第二个参数是一个回调函数，这个回调函数会在更新后会执行；格式如下：setState(partialState, callback) 方式二: 当然，我们也 阅读全文
摘要：
零、什么是组件化 组件化思想的应用： 有了组件化的思想，我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理，并且扩展性也更强。 React的组件相对于Vue更加的灵活和多样，按照不同的方式可以分成很多类组件： 根据组件的定义方式， 阅读全文
摘要：
使用npm全局下载create-react-app， 建议node>16。 npm install create-react-app -g; 然后创建项目即可。 create-react-app 项目名称 但是现在create-react-app有问题，有些库依赖的react18但是这个脚手架创建的 阅读全文
摘要：
jsx和vue的template是一样的，都需要经过编译器转化。 template会通过vue.js自带的complier编译模块成一个render函数，然后模板里的vue元素会编译成render函数里的 h函数（h函数本质也是vue自己写的createElement函数）， vue.js通过h函数 阅读全文
摘要：
零、如何给html元素加事件监听 1.原生方式:通过querySelector（）方法，捕捉到元素，比如说button元素，然后通过btn.onclick = () =>{}或者通过btn.addEventListensers('click', ()=>{})的方式 2.vue的模板语法糖，在元素上 阅读全文
摘要：
一、jsx书写规范 1.jsx里面只能有一个根元素 2.jsx通常以一个括号包裹起来，这样可以当作一个整体，方便实现换行等； 3.jsx可以有单标签元素，也可以有双标签元素，但是如果是单标签元素，需要用/结束。 4.在jsx中，{}语法，表示要插入一段js代码了。可以用来插入变量、插入表达式等 二、 阅读全文
