小鱼丸子

ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property.value。 ref实现原理 unref 如果参数是一个 ...

搭建vite-vue3 项目，使用ESLint + Prettier+Stylelint编码规范，并加入代码提交规范全家桶之husky +lint-staged + com...

ESlint 是一款插件化的 JavaScript 代码静态检查工具，其核心是通过对代码解析得到的 AST（Abstract Syntax Tree，抽象语法树）进行模式...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

当页面中一个文件过大并且还不一定用到的时候，我们希望在使用到的时才开始加载，这就是按需加载。要实现按需加载，我们一般想到的方法：动态创建script标签，并将src属性指向...

8月更文结束了，个人统计走一遍。过滤出参与8月更文的文章，总点赞数，评论数，收藏数，阅读数，提升的掘力值。...

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

一、前言 1、什么是虚拟dom？ 虚拟dom就是真实DOM以对象的形式模拟成树形的一种结构 我们看一下真实DOM与虚拟DOM长啥什么样？ 真实Dom 对应的虚拟DOM 2、...

是从 Vue 2 开始学基础还是直接学 Vue 3 ？尤雨溪给出的答案是：“直接学 Vue 3 就行了，基础概念是一模一样的。“尤雨溪喊你学Vue3了！...

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节...

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？L...

一、call原理 定义：使用一个指定的this值和单独给出的一个或者多个参数来调用一个函数 语法：function.call(thisArg, arg1, arg2, .....

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线...

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码...

axios核心原理分析 一、概述 1、什么是axios？ axios是一个基于promise的HTTP库，可以用在浏览器和node.js中 2、axios有什么特性？ 从浏...

1. 定义整体结构 2. 实现Promise构造函数 3. 实现then方法 4. 实现Promise.resolve 1. 定义整体结构 通过上面的注释可以知道。不管是P...

运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，...