在一个完善的 web 项目中，图片是极为常见的页面展现元素之一，大部分前端开发者做的 Image 上的优化，可能仅是想办法压缩图片，减少体积、或者搞个懒加载减缓页面加载压力。

详细讲解了 Vue 响应式的实现原理 以及从源码层次来回答一些和响应式相关的面试题 ........

原因是 webpack5.x的版本与webpack-dev-server3.x 的版本不兼容。 需要降级

前言 此篇主要手写 Vue2.0 源码-模板编译原理 上一篇咱们主要介绍了 Vue 数据的响应式原理 对于中高级前端来说 响应式原理基本是面试 Vue 必考的源码基础类

前言 今天是个特别的日子 祝各位女神女神节快乐哈 封面我就放一张杀殿的帅照表达我的祝福 哈哈 此篇主要手写 Vue2.0 源码-初始渲染原理 上一篇咱们主要介绍了 Vue 模板编译原理

前言 此篇主要手写 Vue2.0 源码-渲染更新原理 上一篇咱们主要介绍了 Vue 初始渲染原理 完成了数据到视图层的映射过程 但是当我们改变数据的时候发现页面并不会自动更新 我们知道 Vue 的一个

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

vue官方推荐的是单文件 .vue 编写组件，简单易学但没有jsx灵活，很多知名的UI库最终选择了使用jsx，例如：ant-desing-vue, vant。但是在 vue 中使用 jsx 也存在一些问题。比如：大部分 vue 指令无法使用或者很难使用。在 vue3 中专门开了…

为什么要在Vue中使用jsx呢，首先我们需要了解JSX是什么，它解决了什么问题，最后如何使用它。 可以将 模版分离 这样模版的每个部分更加独立，又可以随机的组合，复用性更高。相比与组件的组合，粒度更细 虽然了解了jsx的相关定义，可能对它还是比较陌生，首先要知道无论在 Vue中…