02 2022 档案
摘要：学习内容来源：JavaScript this 关键词、JavaScript 函数 Call、JavaScript 函数 Apply #JavaScript this 关键词 JavaScript this 关键词指的是它所属的对象。 它拥有不同的值，具体取决于它的使用位置： 在方法中，this 指的
阅读全文
摘要：学习内容来源：JavaScript 数据类型 #JavaScript 数据类型 字符串值，数值，布尔值，数组，对象 var length = 7; // 数字 var lastName = "Gates"; // 字符串 var cars = ["Porsche", "Volvo", "BMW"];
阅读全文
摘要：学习内容来源：JavaScript 输出、JavaScript Let、JavaScript Const #JavaScript 输出 ##JavaScript 显示方案 JavaScript 能够以不同方式“显示”数据： 使用 window.alert() 写入警告框 使用 document.wr
阅读全文
摘要：学习内容来源：CSS 框模型 #CSS 框模型 所有 HTML 元素都可以视为方框。在 CSS 中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”。 CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。 如图所示： 内容 - 框的内容，其中显示文
阅读全文
摘要：学习内容来源：CSS 布局 - display 属性 #display 属性 display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。 ##块级元素（block
阅读全文
摘要：学习内容来源：CSS 布局 - position 属性 #position 属性 position 属性规定应用于元素的定位方法的类型。元素其实是使用 top、bottom、left 和 right 属性定位的。但是，除非首先设置了 position 属性，否则这些属性将不起作用。根据不同的 pos
阅读全文
摘要：学习内容来源：CSS Flexbox #父元素（flex 容器） flex 布局中必须有一个 display 属性设置为 flex 的父元素。即上图中蓝色区域为父元素，也称作 flex 容器，数字1、2、3所在的 div 被称作 flex 项目。 // html代码 <div class="flex
阅读全文
摘要：##一、函数防抖（防表单重复提交） 在前端开发中，常常需要对某些函数进行节流和防抖。目前针对不同场景防抖方案也较多，其中lodash和rxjs中提供的方案，是一种被广泛使用的方案，其通用性也较强，使用简单，可以覆盖我们大部分的业务场景。 ###哪些场景需要使用防抖方案 点击按钮提交表单：使用防抖策略
阅读全文
