崔璨

Vue 3 的响应式系统，实现思路是通过 Proxy 对对象进行拦截，在 get 拦截中完成依赖收集，在 set 拦截中触发依赖更新，然后结合 effect （副作用函数）...

2025 年不知不觉过去半年多了，是时候总结一下了。 这半年依然在老家的小县城躺平，生活过得很舒适，幸福感很高。 去年的时候还是有很多烦心事的： 比如我家在青岛即墨买的房子...

有了实现useState的经验，我们还是从useEffect的使用方法上入手。 useEffect接收两个参数，一个是用于回调执行的的callback，一个是依赖项。 示例...

在实现useState之前我们要先了解一下useState的使用，在react中，如果要更新数据的话，一般是定义一个useState函数，然后从中拿到state和setSt...

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决...

在目前更新props的逻辑中，我们发现，如果更新一个子组件的话，会导致整个dom树都会更新，这样就造成了性能的浪费，所以我们只需要更新变化的子组件即可。 更新逻辑 旧的逻辑...

保姆级带你手写Pinia插件：plugin-pinia-persistence。手把手带你实现存储键名自定义、存储介质扩展、数据筛选能力、生命周期钩子等功能...

在上一节 更新props 中，我们判断如果新旧dom的对应tag如果是一样的，name表示更新逻辑，如果不一样，则表示新建或删除。 从一个例子中去理解： 上面例子中对应的链...

在绑定的事件中，如果在修改了某些变量，那么视图也应该相对应的发生改变，在 react 中，除了标签本身以外的所有内容都看作 props，所以只需要针对props进行更新即可...

在react中，事件是通过 <div onClick={handleClick}>Counter</div> 的方式去绑定的 转化成vdom的结构如下： 所以我们只需要获取...

函数组件在React中是一个非常重要的概念，他可以帮助我们精简代码结构，根据功能拆分不同的组件并加以复用。 但上一篇的逻辑中，我们只对普通标签和文本做了处理，并没有函数组件...

在vue3 + Pinia + electron 项目中，利用electron-store实现跨进程的存储。并手动实现了插件核心功能...

前段时间系统学习了React，这里做一个知识梳理和技术要点总结。本文将以React项目入口文件为切入点，深入解析框架的核心运行原理，并重点探讨JSX的本质与实现机制。...

由于JavaScript是一个单线程语言，当有js代码要执行的时候，就会停止渲染dom。 因此思考一个问题，在处理vdom的时候，如果dom结构过于复杂的话，那js的处理时...

react也好，vue也罢，都是基于vdom去渲染真实dom的。 所以在mini-react的实现中，首先要理解一下vdom是如何渲染成dom的，这里采用了渐进式的方式去实...

Pinia-Plugin-Persistedstate 简单介绍一下：pinia-plugin-persistedstate是一个pinia状态同步存储的一个插件，可以自定...