user6334081538326

React和Vue的diff算法只对同级节点进行对比，简化了算法复杂度，都用key做为唯一标识，进行查找，只有key和标签类型相同时才会复用老节点...

用React fiber实现更新渲染逻辑，实现fiber的双缓冲机制，实现类组件、函数组件和Hooks...

用React fiber实现react的首次渲染逻辑，深入了解React fiber的整个渲染流程。...

什么是 React fiber？Fiber 解决了什么问题？Fiber使用链表数据结构，通过浏览器 requestIdleCallback接口，让协调过程实现了可中断执行，...

vite是基于浏览器对ESMoudule的支持，浏览器解析到ES6的import语法时，会根据路径从服务端获取要引入的文件，服务端会根据import的文件路径和类型进行解析...

接下来我们来实现另外一个库react-redux，主要作用就是用来简化在react中使用redux的流程。 引入connect方法，用来将store里的state、定义的a...

又到了金三银四，怎样排版自己的简历让面试官眼前一亮呢？ 效果如下 一、首先将你的简历转成markdown格式的 推荐快速生成工具：MarkDown简历模板 二、打开掘金的m...

单向数据流，保证的数据的纯净，不被其他操作污染。 subscribe订阅，会将订阅的函数保存在currentListeners中，然后返回unsubscribe函数取消订阅...

1111...

想要一个自己的博客网站，你没看错，没有域名、服务器，三分钟手摸手帮你搞定！使用的工具gitee+vuepress一、登录gitee，新建一个仓库点击NewRepositor...

函数的不同使用场合，this有不同的值。总的来说，this就是函数运行时所在的环境对象。 情况四 :call()，apply(), 方法改变函数的调用对象,它的第一个参数就...

当选中block后 mousedown事件，在dragState中记住初始位置，计算出选中block与所有未选中block，左右、上下对齐的各种情况的坐标位置，并进行缓存。...

鼠标点击节点移动时，执行 mousemove事件，在这里来计算组件的宽高 (核心点，有兴趣可以深入研究，内含彩蛋)，修改block的 width和height，重新进行渲染...

工作中经常用到的git命令和流程，以及使用场景，帮你快速入门git，在工作中应对自如，减少对git工具的依赖。...

最终效果实现功能：主页面结构：左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器；单选、多选；容器内的组件可以拖拽移动位置；组件拖拽调整宽高；组件...

注册的组件对象放在componentList（用于渲染组件菜单）和componentMap(方便查找)里。 在 mousemove 中通过计算鼠标 按下时位置 与 当前位置...

5、组件中同时存在两种写法时，当setup返回值中定义的方法和methods中的方法同名时，会抛出错误。 computed包装后的值，需要用 .value去取值，templ...

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等...

防抖、节流、手写promise、koa原理......