建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…

最近在调研 大文件上传 这个需求，找资料的过程中发现了大圣在五年前写的一篇文章 字节跳动面试官，我也实现了大文件上传和断点续传，其中指出了一点：要根据当前网络情况，动态调整切片的大小，这个思路非常好

排序算法是面试中的高频考察点，我们需要熟练掌握。本文整理了最经典、最常用的排序算法并且搭配了动图和视频，希望能够帮助你更加轻松的理解它们。 顾名思义，比较类排序是通过元素间的比较进行排序的，非比较类则不涉及元素之间的比较操作。 比较类排序的时间复杂度不能突破 O(nlogn)，…

Vue是调度算法的使用者和受益者。这些设计，都是基于先人的探索沉淀，再结合自身需求改造出来的。 前端技术的更新迭代速度非常快，但是这些优秀的设计，却是不变的，这也就是我们学习这些优秀设计的目

Vue.js 3.2 已经正式发布，其中关于响应式部分的性能优化，你知道是怎么做的吗？本文会从源码层面分析具体做了哪些优化，以及这些优化背后带来的技术层面的思考。

vite 热更新的主要作用是为了实现局部刷新的效果，这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范，在文件发生改变时 vite 会检测到相应 E

本文先介绍了 HMR 的起源，主要是为了方便地在代码变更后查看更新后的页面效果。常用的构建工具有 Vite 和 Webpack，本文从一次 HMR 发生的全流程角度介绍了 Vite 的 HMR 机制。

前段时间Vue发布了3.4版本，在这个版本当中引入了effect dirty check机制用以性能优化，通过这篇文章大家一起来学习下吧~