布莱恩特丶

到现在为止，我写了 200 多篇技术文章了。很多人问过我，为啥我能坚持呢？我写文章的动力是什么？ 今天就来解答一下： 有两个学生在做同一道难题。 一个学生绞尽脑汁，快速思考各种思路，一一尝试，最后没做

一、虚拟节点的创建与渲染 我们知道，Vue框架是基于虚拟节点进行页面渲染的，虚拟节点保存着渲染实际dom元素相关的所有信息，整个Vue3应用就是一棵虚拟节点树的映射。在创建这棵节点树的过程中，一种类型

近期阿宝哥在团队内搞了一个 如何读源码 的专题，主要目的是让团队的小伙伴们了解读源码的思路与技巧。在此期间，阿宝哥也写了 77.9K 的 Axios 项目有哪些值得借鉴的地方、从 13K 的前端开源项目我学到了啥 和 TS 的装饰器还可以这样用 三篇源码解析的文章。 其中前两篇…

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

事务 是 mxGraph 内部实现的一套更新控制方法，在一次事务过程会持续收集所有变更请求，直到事务结束后一次性推送到渲染器 mxCellRenderer 执行图形UI更新，或者在出现异常时允执行回滚。技术上来说， 事务 并不是必要的，我们可以直接使用图形更新接口，结果会被即时…

1. 拖拽的实现 首先，需要简单了解一下mxGraph是如何实现拖拽的。在 mxGraph 内部有一个 mxGraphHandler 类专门用于监听鼠标 keydown、mousemove、keyup 等事件，当用户选中某个图形并执行鼠标拖拽后，会触发 mxGraphHandl…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…

随着应用的规模越来越大，功能越来越复杂，组件的抽象粒度会越来越细，在视图中组合起来后层级也会越来越深，能够方便的跨组件共享状态成为迫切的需求。 状态也需要按模块切分，状态的变更逻辑背后其实就是我们的业务逻辑，将其抽离出来能够彻底解耦ui和业务，有利于逻辑复用，以及持续的维护和迭…