[本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。] 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作： 2. 临时增删元素 class 3. document.body.conte…

首先明确一下，响应式原理就是指的是MVVM的设计模式的核心，即数据驱动页面，一旦数据改变，视图也会跟着改动。 直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 备注：应当直接在 Object 构造器对象上调用此方法，而不是在任意一个 Object 类型…

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

尽管 HTTP 在我们的项目中应用已经很广泛了,然而 HTTP 并非只有好的一面,事物皆具有两面性,它也是有不足之处的。 HTTP 的不足之处主要有以下几个方面： 数据传输不加密：HTTP 传输的数据

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 vdom，渲染器会对比两棵 v

关于前端构建工具，先有gulp、grunt、webpack，现在又有了vite；或许有同学会疑问，我们为什么要使用vite，以及到底该选哪一个呢？这篇文章将会给你答案，并且让你在前端的路上渐行渐远

前端手写题集锦 记录大厂笔试，面试常考手写题，2024 年前端面试中常见的 leetcode 算法题, 致力打造最全的前端 JavaScript 手写题题库和答案的最优解 谢谢您的 star，您的 s

一、前言 在js中，原型和原型链是一个很重要的知识点，只有理解了它，我们才能更深刻的理解js，在这里，我们将分成几个部分来逐步讲解。 二、构造函数 构造函数和普通函数本质上没什么区别，只不过使用了ne