目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

以下为JavaScript高级篇面试考察点总结，具体知识点不会太详细，主要梳理面试核心考察点，为面试做准备。高级JavaScript工程师的面试不再局限于API的使用或孤立的知识点，而是聚焦于对语言、

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持断网重连、自动心跳！ web

URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。 在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名找到对应的服务器，而是要通过 IP 地址。 DNS缓存 DNS存在着多级缓存，从离浏览器的距离排序的…

CSS 伪类是用于选择文档中处于特定状态的元素的一种选择器类型。它们并不是真正的类，因为它们不能在HTML或XML文档中直接定义，而是通过CSS来声明。伪类的名称前通常有一个冒号（:）。 作用 那么在

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于3D绘制等。 浏览器渲染进程(浏览器内核)：每个Tab页对应一个进程，互不影响。 这里我们只考虑输入的是一…

引言💭 一、Vue 3 的常用 API ref 和 reactive ref：用于创建基本数据类型（如字符串、数字、布尔值等）的响应式引用。ref 通过 .value 来访问和修改数据。 reacti

MVVM是一种软件架构模式，MVVM 分为 Model、View、ViewModel： Model代表数据模型，数据和业务逻辑都在`Model`层中定义；View代表UI视图，负责数据的展示

当下，正面临着近几年来的最严重的互联网寒冬，听得最多的一句话便是：相见于江湖~🤣。缩减HC、裁员不绝于耳，大家都是人心惶惶，年前如此，年后想必肯定又是一场更为惨烈的江湖厮杀。但博主始终相信，寒冬之中，人才更是尤为珍贵。只要有过硬的操作和装备，在逆风局下，同样也能来一波收割翻盘…