快乐肥宅_

Vue2与Vue3虚拟DOM和Diff算法对比分析 虚拟DOM实现 Vue2 VNode实现 主要特点 扁平化的VNode设计 所有属性都在同一层级 结构简单，易于理解和操...

Vue2与Vue3模板编译器对比分析 编译过程概述 Vue2编译流程 解析(parse)：模板 -> AST 词法分析：将模板字符串分解成词法单元(Tokens) 语法分析...

Vue2与Vue3组件系统对比分析 组件实现原理 Vue2组件系统 主要特点 基于Options API 依赖this上下文 扁平的组件结构 Mixin实现逻辑复用 Vue...

Vue2与Vue3生命周期实现对比分析 生命周期钩子概述 Vue2生命周期钩子 Vue3生命周期钩子 实现原理对比 Vue2生命周期实现 主要特点 基于Options AP...

Vue2与Vue3响应式系统对比分析 实现原理 Vue2响应式系统 核心实现：Object.defineProperty Vue2响应式处理数组的特殊处理 主要特点 通过O...

背景 最近想多找一找封装React hook的感觉。 要了解hook能够， 适合去处理什么事情， 怎么去处理事情。 嘿， 这里不妨直接看业界大佬开源的ahooks处理，提供...

2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作...

最近因为公司面单打印业务需要，对web前端打印做了一些调研。因为浏览器打印相关的知识比较冷门，很多小可爱可能都不是很熟悉，本篇博客主要是对这段时间扫盲的打印知识做一下记录分...

相信大伙都已经收到Vue3最新版的风了吧，新版本的更新中优化了不少此前在Vue3中比较“麻烦”的使用方法...

本文将详细介绍如何使用 pnpm 和 Monorepo 构建和发布代码，为你带来高效的开发和发布流程。...

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决...

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。...

关于虚拟滚动已经写过一篇文章，讲解了虚拟滚动实现原理和具体实现过程：虚拟滚动实现。关于不定高虚拟列表实现原理以及具体怎么实现也写过一篇文章：不定高虚拟列表的一种实现。 本文...

闭包定义应用场景 闭包（Closure） 是指一个函数包含了对其外部作用域中变量的引用，即使在该函数外部作用域执行完毕后仍然可以访问这些变量。闭包允许你在一个函数内部访问另...

面试的时候被问到性能优化的面试题只会回答性能指标？面试官问你有没有具体案例的时候无法说出整个具体流程？看看这篇我的性能优化全流程，希望能帮到你！...

通过5个版本的迭代实现一个自己的React，使的其架构类似于真实的react架构，但是去掉了大部分的优化项以及目前不必要的功能。...

redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state t...

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？...