前言Vue3的响应性API除了reactive、readonly等基础的，还提供了相关Refs API其中包括ref、customRef等。在之前的[响应系统](https://blog.csdn.net/s1879046/article/details/118757873)的文章中，对reactive的逻辑有较为详细的分析，本文会对梳理相关API的逻辑，对比reactive API看看二者的不同

所谓的富文本编辑器就是内嵌在浏览器上、所见即所得的文本编辑器，它的形式如下：layui框架中内置了layedit模块，该模块就是富文本编辑器模块，在最近两天中我自己使用原生js实现了简易的富文本编辑器，具体效果如下：首先说说这个demo的组织结构：在这个demo中，整体是一个IIFE，使用window对象将其构造函数暴露出去，想要使用这个demo，需要创建一个容器设置id属性为uedit

前言今天分析的是layui框架内置模块tree.js，该模块的功能是构建树形菜单，具体的形式(layui官网该模块的具体形式)如下：自实现树形菜单使用html+css+js实现了树形菜单，具体的实现思路如下：html中定义包含树形菜单的容器节点规划好树形菜单的样式以及图标使用js构建html结构以及绑定事件，实现树形菜单的点击折叠实现效果图如下：核心的实现是构建html结构，组织

前言因为对于工程化相关的了解涉猎很少，今后也是打算对webpack等工程化构建加深下了解。这篇文章就是详细分析下Element UI项目组成以及相关的打包步骤等，旨在加深对工程化构建相关的知识点了解。Element UI项目结构|-- Element​|-- .babelrc// babel配置文件​|-- ...

前言今天介绍Vue.js中一种常用的指令：v-model，以及v-model指令特性带来的一些使用。具体分析依旧是以简单实例为引去分析Vue.js中针对v-model的处理，具体实例：<input v-model="text" /><script>new Vue({data: {text: '测试v-model...

前言 上篇文章分析了Vue中render函数的构建以及调用过程，在整体上梳理了构建出render以及调用的逻辑。知其然也知其所以然，本文就主要分析html -> vnode的过程。

前言上一篇文章主要了解Vue的数据对象的构建，实际主要是attrs、props和DomProps的比较，而在template形式中有个关键点就是特殊属性的处理，而数据属性中特殊属性的处理实际上就会涉及到v-model语法糖。本文的目标有两个：v-model语法糖的实现逻辑涉及特殊属性的v-model的特殊处理v-model实现逻辑从简单实例出发，来梳理v-model的处理逻辑：&...

前言 本篇文章是想要探寻下Vue中是如何处理html到vnode以及vnode转换为html的过程，主要是梳理其大概流程，一些细节流程会在单独文章的细究。

前言之前Element框架项目具体的梳理了项目结构以及所使用的打包构建工具，可以知道还是采用webpack来打包，支持yarn和npm来管理依赖。本文就介绍Vue的项目结构以及打包构建过程（一些相关的构建会与Element项目做些比较），Vue版本2.6.8。具体结构|-- Vue|-- .circleci// 持续集成相关...

前言本篇文章slots的知识点进行Vue的源码逻辑梳理，旨在理解slots背后的实现逻辑。实际上本篇文章梳理slots相关的逻辑主要是2点：构建成render函数的过程中slot是如何处理的？slot插槽数据是如何合并的？作用域slot的特殊处理Slot具体逻辑梳理结合简单实例来梳理slots相关知识，实例如下：<div id="app">&