全部文章
共 1299 篇文章
HTML5 中 meta 标签作用是啥
关键词 ：html5 meta HTML 5 中的 meta 标签是一个非常常用的标签，它可以用来描述一个 HTML 文档的一些基本信息与配置，包括字符编码、页面关键词、作者、视口大小等。具体来说，meta 标签可用于以下几个方面： 1.描述文档内容：通过设置 meta 标签中的一些属性，可以描述文档的主体内容、作者、关键词和摘要等信息，以便搜索引擎索引和显示。 2.控制页面行为：指定 meta 标签中的属性值可以控制页面的默认行为，比...
Proxy 和 Reflect 了解多少
Proxy 基本概念 Proxy(代理) 是 ES6 中新增的一个特性。Proxy 让我们能够以简洁易懂的方式控制外部对对象的访问。其功能非常类似于设计模式中的代理模式。 使用 Proxy 的好处是：对象只需关注于核心逻辑，一些非核心的逻辑 （如：读取或设置对象的某些属性前记录日志；设置对象的某些属性值前，需要验证；某些属性的访问控制等）可以让 Proxy 来做。 从而达到关注点分离，降级对象复杂度的目的。 api 有哪些？ 其中，ta...
什么是同源策略
关键词 ：同源策略限制了什么资源 同源策略（Same Origin Policy）是一种浏览器安全机制，用于限制不同源（域名、协议、端口）之间的交互。它是一种重要的安全措施，用于保护用户的隐私和安全，防止恶意网站通过跨域请求获取用户的敏感信息或进行恶意操作。 同源策略要求网页资源（如JavaScript、CSS、图片等）只能与来源相同的资源进行交互，即只能与相同域名、相同协议和相同端口的资源进行通信。例如，一个网页加载自 域名下的资源，...
全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取
用 或 声明的变量不会挂在在 对象上，而是在一个称为块级作用域（block scope）的作用域内。这个作用域可以是一个函数、一个代码块（比如 之间的语句），或者全局作用域。 在块级作用域中声明的变量无法通过 对象访问，只能在当前作用域内访问。如果要在全局作用域中访问这个变量，需要显式地将它添加到 对象上。 以下是一个例子： 在上面的例子中， 和 声明在一个代码块内，因此它们不会挂在在 对象上。而 声明使用了 ，因此它会被挂在在 对象上...
如何使对象 iterable 化， 以其可以支持 for...of 迭代
在 JavaScript 中，如果一个对象要被 for...of 迭代，那么它必须是可迭代的。可迭代对象是一种具有 Symbol.iterator 方法的对象，该方法返回一个迭代器对象，该迭代器对象实现了 next() 方法，每次调用 next() 方法都返回一个包含 value 和 done 属性的对象，用于迭代对象的每个元素。 因此，要使一个对象 iterable 化，需要实现一个 Symbol.iterator 方法。该方法应该返...
对象取值中 a.b.c.d 和 a['b']['c']['d'] 有何区别
使用区别 在 JavaScript 中，对象的取值可以使用两种方式，即使用点号（.）和使用方括号（\[\]）。对于对象的多层嵌套属性，可以使用两种方式分别取值，例如： 这两种方式获取的结果是相同的，都是 123。其中，使用点号取值的方式称为“点操作符”，使用方括号取值的方式称为“方括号操作符”。 两种方式的区别在于： 1. 点操作符必须使用标识符作为属性名，而方括号操作符可以使用任何字符串作为属性名。 2. 点操作符在代码书写上更加简洁...
常见数组排序算法有哪些
常见排序算法中，时间复杂度和空间复杂度是怎样的？ 如图所示： 快速排序： 先从数列中取出一个数作为“基准”。 分区过程：将比这个“基准”大的数全放到“基准”的右边，小于或等于“基准”的数全放到“基准”的左边。 再对左右区间重复第二步，直到各区间只有一个数。 选择排序： 首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置 再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。 重复第二步，直到所有元素均排序完毕...
解释边距重叠
BFC （block formatting context） 及块级格式化上下文，从样式上看，具有 BFC 的元素与普通的容器没有什么区别，从功能上看，BFC相当于构建了一个密闭的盒子模型，在BFC中的元素不受外部元素的影响； 个人理解 ：BFC就是将盒子中子元素的属性锁在父元素中，例如margin,float 使其不影响盒子外的元素。 以下情况都会使元素产生BFC 根元素或其它包含它的元素 (也就是html元素本身就是BFC) flo...
CSS 如何实现固定长宽比的元素
关键词 ：固定长宽比 在 CSS 中，可以通过以下几种方式实现固定长宽比的元素： 一、使用 padding 实现 1. 原理： 利用元素的 属性以百分比形式设置时是相对于父元素宽度的特点，通过设置 或 来实现固定的长宽比。 2. 示例代码： 在这个例子中，设置了一个容器元素，通过 为 实现了 16:9 的长宽比。容器内的子元素通过绝对定位填充整个容器。 二、使用伪元素和 单位实现 1. 原理： 利用伪元素 或 ，并设置其 属性为空，通过...