触发更新 我们最常见的触发更新的方式就是更新state了，可以分别从类组件和函数组件看看这时会发生什么。 类组件之 setState： 当触发 setState 本质上是调用 enqueueSetState 。 enqueueSetState(inst,payload,callback){ const update = createUpdate(eventTime, l
背景 最近想起月初看到的 魔术师卡颂 （微信号：kasong999）的一个公开直播—— 《手写React优先级调度算法》 ，虽然我更倾向于认为直播内容是演示如何利用React官方同款调度库手写代码了解优先级调度，但是这并不影响我对直播内容的高质量的认可。 直播UP主魔术师卡颂给出的完整demo代码可以在 https://codesandbox.io/s/xenodochial-ale
2021年全年的工作总结起来很简单，算是做苦力的一年吧。。。 2021年春节后就开始邮件项目从Vue迁移到React的工作以及富文本编辑器由wangEditor替换成CKEditor。 其实自己对这项工作内心是排斥的，这绝对不是自己从Vue因为切换到不熟悉的React技术栈。 我对此工作安排的分析如下： 这是一项时间跨度很长的工作，迁移期间是需要同事兼容两套系统的。 长期性工
上周末的时候打算把自己的网站从vue的ssr转换为react的ssr，鉴于之前在vue中是用的原生的ssr，这次想在react中试试框架，所以首选的就是next.js。 第一次用next.js，根据官方文档来实现实现即可，但是遇到了一些问题，主要是跟store相关的，在vue中我用的是vuex，数据的全都是存储在vuex，相应主要需要数据的话就是在asyncData方法中调用，然后存在store
之前我的项目里面很多功能都是用的事件驱动，所以下面的实例也会更多地使用监听事件的回调函数。 我们先看下测试代码 const {useEffect ,useState, useRef, useMemo} = React; const {render} = ReactDOM; const eventBus = new EventEmitter(); function ListenButt
我们在编辑页面时如果需要跳走通常会需要给用户提示，react router本身已经给了我们这样的功能，我们先看看怎么使用。 初见二次确认弹框 // App.jsx const App = () { return ( <BrowserRouter> <div> <ul style={{marginTop
今天在WebStorm上Windows上准备调试一个React项目，就出现了这样的报错。 Node Parameters里面写的是webpack-dev-server的执行文件 .\node_modules\.bin\webpack-dev-server.cmd ，用的是相对当前工作空间Working directory的相对路径。 basedir=$(dirname "$(ec
在迁移Vue至React的过程中遇到了一些路由相关的问题，在Vue项目中经常会使用routeName，毕竟使用path太长了，也记不住，我自己看了看React router也没有发现routeName相关的信息，可能是我没有找到，或者React没有这个概念吧。 在Vue中这样的写法比较常见 const router = new Router({ routes: [{ p
记得自己之前写过一篇 《邮箱收件人组件（vue版）成长历程（一）》 记得当时里面写到了自己使用的是可编辑div来进行输入的，同时提到 当时出于挑战自己和青铜的倔强，想试着换个方案，完全使用可编辑div来实现。。。这个小小的倔强为后续很多功能瓶颈埋下了隐患。。。 使用contenteditable的div缺点 具体的隐患是什么的？ 因为方案中采用的点击插入新收件人时实际上就是
批量选择、全选、反选这些功能使用频率还是很高的，下面直接看看Vue和React分别怎么实现吧。 Vue 在使用Vue的时候是很容易实现的，我们以下列数据格式为例： const dataList = [{ id: 1, label: '第一个', }, { id: 2, label: '第二个', }, {
