Vue执行流程及渲染解析（二）
紧接上回分解，咱继续分析vue是如何进行渲染的！
创建DOM节点
image.png
有了vnode后，vue还需要根据vnode来创建DOM节点。如果是首次渲染，那么vue会走创建的逻辑。如果是数据的更新导致的重新渲染，那么vue会走更新的逻辑。
首次渲染
因为是首次渲染，所以不存在先前老的vnode，因此无需进行比较。vue直接调用 createElm 方法创建DOM元
前端
vue3+ts项目中使用mockjs
前后端分离的开发模式，前端需要向后端请求数据（ajax请求），但实际开发过程中，前后端会约定一份接口文档，但前后端开发进度并不一致，当后端没有完善接口功能时，前端需要在本地模拟数据返回，此时需要使用到mockjs。
安装mock
npm install mockjs --save-dev
创建mock文件夹
mock下创建index.ts、types.ts 以及你需要使用到的模块的.ts文件。
在vue3中（vite）引入unocss，安装配置unocss
前言： 不了解unocss的朋友，建议先阅读此文章
简单来说，unocss是一个css引擎，用过Tailwind CSS和windi CSS的不会陌生，不一样的是，unocss本身不提供任何类名css，它只是解决Tailwind以及windi的编译和打包的某些问题，也就是它可以配合Tailwind或者wi
前端拖拽排序实现详解：从原理到实践 - 附完整代码
🌷 古之立大事者，不惟有超世之才，亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程，入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程&
ImageSharp.Web 使用指南：高效处理ASP.NET Core中的图像
文章目录
前言
一、ImageSharp.Web简介
二、安装与配置
1. 安装NuGet包
2. 基本配置
3. 高级配置
三、核心功能与使用示例
1. 基本图像处理
2. 处理模式详解
3. 自定义处理命令
四、缓存策略
1. 物理文件系统缓存
2. 分布式缓存
3. 自定义缓存
五、性能优化建议
六、常见问题解决
1. 图像处理不生效
2. 缓
Web Worker：让前端飞起来的隐形引擎
目录Web Worker：让前端飞起来的隐形引擎一、什么是 Web Worker？1、为什么需要 web worker2、什么是 web worker二、基本使用方法1、创建一个 Worker 文件（worker.js）2、主线程引入并使用三、实战案例：在前端处理大批量数据1、Worker 文件（sortWorke
深入学习Axios：现代前端HTTP请求利器
文章目录
深入学习Axios：现代前端HTTP请求利器
一、Axios简介与安装
什么是Axios？
安装Axios
二、Axios基础使用
发起GET请求
发起POST请求
并发请求
三、Axios高级特性
创建Axios实例
配置默认值
拦截器
取消请求
四、Axios与TypeScript
五、最佳实践
1
