层叠上下文是 HTML 元素的三维概念，它决定了元素在 $Z$ 轴（用户视线方向）上的排列顺序。 在 CSS 中，并不是 z-index 越大越靠前。元素的显示顺序是由层叠上...

在现代前端和跨端（小程序/App）开发中，屏幕适配是一个绕不开的话题。而这一切的核心，都建立在一个概念之上：DPR (Device Pixel Ratio)。 DPR (设备...

设计初衷：Flex 专为一维布局设计，而 Grid 专为二维布局设计。 Flex 处理的是单行或单列的布局。虽然通过 flex-wrap: wrap 它可以换行，但本质上它仍...

在 Flex 和 Grid 布局之前，浮动 (Float) 是 CSS 中实现多列布局的核心支柱。虽然现代开发中我们不再依赖它来做整体架构，但理解浮动的机制及其带来的副作...

点击阅读文章以查看详细内容。

硬链接和软链接是在硬盘中链接文件的两种方法。 要理解硬链接和软链接的不同，首先要了解inode。 储存文件元信息(比如文件的创建者、文件的创建日期、文件的大小等等)的区域就叫...

npm的全称是Node Package Manager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装...

模块化就是将一个复杂的程序依据一定的规则（规范）封装成几个块（文件），并进行组合。其内部数据与实现是私有的，只是向外部暴露一些接口（方法）与外部模块进行通信。 文件划分 命名...

前端开发的管理工具 降低项目管理成本，提高开发效率

在 CSS 布局中，盒模型 (Box Model) 决定了单个元素的大小和内外部边距的计算方式，而 BFC (块级格式化上下文) 则决定了多个盒子之间如何相互作用和排列。 每...

当浏览器的网络线程收到HTML文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。 整个渲...

点击阅读文章以查看详细内容。

因为浏览器默认是以单词为单位进行换行的，单词不可拆分，本行排不下的话会换行； (https://s1.ax1x.com/2022/07/28/vCnSyQ.png)](htt...

不同表达代表不同含义，使得css代码结构更加清晰（即代表模块，还是一个模块中的元素亦或状态） 命名规范，不同团队风格统一更易于维护 命名较长，现在项目中一般都会引入css预处...

JavaScript中数据类型分为基本类型和引用类型，其中基本类型的数据存放在栈中，引用类型的数据存放在堆中，栈中存放的是该引用类型数据在堆中的引用地址。 Object.as...

都实现了对this指向的绑定 第一个参数都是绑定的this的指向，若第一个参数非真，则指向window 三者的主要区别在于参数的传递，apply传入数组，call传入列表，b...

使用回调函数的方式，缺点在于多个回调函数嵌套的时候会形成一个回调地狱，上下两层之间的代码耦合度很高，不利于代码的阅读和维护。 使用 Promise 的方式可以将嵌套的回调函数...

回流和重绘是指当HTML或CSS节点发生变化时，浏览器会根据变化的节点重新绘制或者重新布局。回流和重绘会导致浏览器性能降低。 回流是指浏览器为了重新计算部分或全部元素的几何位...

当在vue组件中的style标签上添加scoped属性后，它的样式就只会在当前vue组件中生效而不会影响其他组件的样式。从而使得样式不会相互污染，实现了样式的模块化。 vue...

安装 封装---auth.js 存储store/index.js 使用login.vue 封装storage.js 存储和使用和方法一中一致

先序遍历：根 、左、右 中序遍历：左、根、右 后序遍历：左、右、根

程序调用自身的编程技巧成为递归（recursion）。 重复利用函数本身能实现的功能，按照顺序进行不断的自调用 建立递归函数 边界条件（递归结束条件） 递归前进段 递归返回段...

| 符号 | 含义 | | :---: | :--: | | [] | 匹配的集合 | | ^ | 取反(出现在集合中)或者是字符串的开始位置 | | [a-z] | 表示...

事件循环（Event Loop）又叫做消息循环（Message Loop），是浏览器渲染主线程的工作方式。它通过调度不同优先级的任务，保证了 JavaScript 单线程环境...

点击阅读文章以查看详细内容。

点击阅读文章以查看详细内容。

点击阅读文章以查看详细内容。

基本数据类型：String,Number,Boolean,undefined,null,Symbol(es6)，BigInt(es10) 引用数据类型：Object,Arra...

(https://s1.ax1x.com/2022/12/07/zc0kUP.png)](https://imgse.com/i/zc0kUP) 理解一个机制最好的方式是回到...

设计模式分为3大类 创建型模式 结构型模式 行为型模式

弹窗html代码 引入的js代码 步骤1和步骤2很好的实现了点击切换弹窗的功能，也极大程度上实现了程序的内聚。但是最严重的问题在于statusChange方法上，该方法把逻辑...

点击阅读文章以查看详细内容。

通过类的静态方法（es6） 通过构造函数（es6） 通过代理 状态存储----vuex

点击阅读文章以查看详细内容。

JavaScript 采用词法作用域（静态作用域）。变量的作用域在代码书写时就已经确定:pen:。 [[Environment]] 属性： 每个函数在诞生（定义）时，都会背上...

this -> JavaScript 关键字 当前环境执行期上下文对象的一个属性 this在不同的环境、不同作用下，表现不同 this是在运行时绑定的，而非编写时绑定，所以它...

ES6允许按照一定的模式从数组或者对象中提取值，然后给变量进行赋值， 数组的解构赋值 对象的解构赋值 字符串的解构赋值 布尔值的解构赋值 函数参数的解构赋值 解构成功（完全解...

render函数和template的作用一样，用于渲染页面。接收一个参数。 createElement参数同样也是一个函数，他接收三个参数，返回一个VNode节点。 一个 H...

具名插槽 使用时可以通过v-solt:header或者#header，#和v-solt:功能类似 不设置名称则默认插槽名称为（默认的具名插槽） 自定义设置插槽名称（自定义名称...

如果频繁的调用一个事件，可能会影响浏览器或者服务器的性能。防抖和节流可以减少调用频率，减少对性能的影响 首次执行 首次不执行

或者可以简单理解为：代码执行前，Js引擎创建的执行环境，环境包含当前正在运行的代码以及帮助其执行的所有内容 当前变量或函数的执行上下文，决定了他们可以访问到哪些数据，以及可以...