全部文章
共 1306 篇文章
什么是同源策略
关键词 ：同源策略限制了什么资源 同源策略（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. 原理： 利用伪元素 或 ，并设置其 属性为空，通过...
Javascript 数组中有那些方法可以改变自身，那些不可以
关键词 ：数组改变自身 在 JavaScript 中，数组的方法可以分为两类：改变自身的方法和不改变自身的方法。 一、改变自身的方法 1. ：在数组末尾添加一个或多个元素，并返回新的数组长度。 2. ：删除数组的最后一个元素，并返回这个元素。 3. ：删除数组的第一个元素，并返回这个元素。 4. ：在数组开头添加一个或多个元素，并返回新的数组长度。 5. ：通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内...
link 标签有 那些属性，作用都是啥
关键词 ：link 标签属性 link标签有以下几个常用的属性： 1. href：指定所链接文档的URL地址，可以是一个外部CSS文件的URL或者其他文档的URL。 2. rel：用于定义当前文档与所链接文档之间的关系。常用的取值有stylesheet（指定所链接文档是一个外部CSS文件）、icon（指定所链接文档是一个图标文件）、preconnect（预连接到指定的URL，加快页面加载速度）等等。 3. type：指定所链接文档的MI...