前端小白1995

1. 变化一 首当其冲的就是数据拦截的变化： Vue2: 使用 Object.defineProperty 进行拦截 Vue3: 使用 Proxy + Object.def...

Vue2响应式原理 劫持数据属性，完成数据响应式 获取数据时，完成依赖收集工作 修改数据时，完成派发更新操作 数据劫持-Observer vue 会遍历data中的属性，通...

Vue3整体变化 主要有这么几类变化： 源码上的变化 性能的变化 语法API的变化 引入RFC 源码优化 1. Monorepo Vue2 的源码是托管在 src 目录下面...

实时场景的旧处理方案 考虑网页中的以下场景： 股票K线图 聊天 警报、重要通知 余座 抢购页面的库存 ...... 上述场景有一个共同特点——实时性 这种对实时性有要求的页...

什么是跨标签页通信 标签页之间可以进行数据传递 业内常见方案 BroadCast Channel Service Worker LocalStorage window.on...

前言 在现代Web应用开发中，多标签页协作变得越来越常见。用户可能会同时打开应用的多个标签页，而这些标签页之间往往需要进行数据同步或状态共享。本文将全面介绍浏览器环境下实现...

浏览器缓存 本文主要包含以下内容： 什么是浏览器缓存 按照缓存位置分类 Service Worker Memory Cache Disk Cache Push Cache ...

什么是闭包 闭包，是 JavaScript 中一个非常重要的知识点，也是我们前端面试中较高几率被问到的知识点之一。 打开《JavaScript 高级程序设计》和《 Java...

什么是内存泄露 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内...

this 指向总结 this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 this 可以用在构造函数之中，表示实例对象。除此之外，...

作用域（Scope） 什么是作用域 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。 换句话说，作用域决定了代码区块中变量和其他资源的可见性。 可能这两句...

执行上下文 执行上下文，英文全称为 Execution Context，一句话概括就是“代码（全局代码、函数代码）执行前进行的准备工作”，也称之为“执行上下文环境”。 运行...

生产对象的方式 原型对象与原型链 原型链相关方法 生产对象的方式 不同的语言，生产对象的方式其实并不相同，整体来讲，可以分为两大类： 基于类生产对象 基于原型生产对象 1....

数据类型转换介绍 JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。 上面代码中，变量x到底是数值还是字符串，取决于另一个变量y的值。y为tr...

包装类型 在 ES 中，数据的分类分为基本数据类型和引用类型。 按照最新 ES 标准定义，基本数据类型（primitive value）包括 undefined、null、...

基本类型（原始类型） 引用类型 基本类型 number string boolean undefined null symbol（es6新增） bigint（es6新增） ...

var let const var 最早声明变量的方式，但存在两个问题。 声明提升 作用域污染 作用域 作用域包括全局作用域、函数作用域，es6新增了块级作用域（{}，if...

webpack 原理 通过模块化的方式将项目中的各种资源（js、css、图片等）进行打包和优化，最终生成可以在浏览器中加载的静态文件。 具体编译过程 webpack从配置的...

压缩可以移除模块内部的无效代码 tree shaking 可以移除模块之间的无效代码 背景 某些模块导出的代码并不一定会被用到 tree shaking 用于移除掉不会用到...