xxmsbd

梦想是小橘

已于 2023-12-13 17:42:18 修改

阅读量63

点赞数

分类专栏：学习日记ms vue ES6 文章标签：笔记 js vue vue.js es6 html node.js

于 2023-08-02 17:26:43 首次发布

本文链接：https://blog.csdn.net/usernamecunzai/article/details/132046881

版权

vue 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

ES6

2 篇文章 0 订阅

订阅专栏

学习日记ms

1 篇文章 0 订阅

订阅专栏

JS

1、js能表示多少位的数字，怎么表示一个负数

JavaScript 浮点数的64个二进制位，从最左边开始，是这样组成的

第1位：符号位，0表示正数，1表示负数

第2位到第12位（共11位）：指数部分

第13位到第64位（共52位）：小数部分（即有效数字）

符号位决定了一个数值的正负，指数部分决定了数值的大小，小数部分决定了数值的精度

所以最多只能到52+1个二进制位表示有效数字,这意味着，绝对值小于2的53次方的整数，即-2^53到2^53，都可以精确表示。

2^53对应的十进制是9后面15个0

1、bigint可以精确地表示从-2^63到2^63-1，即从-9,223,372,036,854,775,808到 9,223,372,036,854,775,807之间的整数都可以由bigint表示，它占用了八个字节的存储空间。

2、相比之下，int数据类型所表示的数值范围从-2^31到2^31-1，也就是可以用int数据类型来表达-2,147,483,648到2,147,483,647之间的整数。一个int型占用四个字节的存储空间。

3、ES6之后基本类型增加到了6种：String、Number、Boolean、Null、Undefined、Symbol。BigInt即是第七种基本类型，V8引擎v6.7 默认启用对 BigInt 的支持。在JavaScript中，Number可以准确表达的最大数字是2^53，没有比这个更大的数字

4、JavaScript中Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减一

2、for in 与for of

for in 遍历key，适合遍历对象，for of 遍历value，适合遍历array，map，set等

1、for in 是ES5的语法标准，而for of则是ES6语法标准。

2、for in所遍历的数组下标是String类型而不是Number类型。（可理解为遍历的是key，所以为string类型）

3、for in 遍历时可以遍历到当前数组的所有属性名和方法名。包括其原型链上定义的属性名和方法名。

4、for of遍历时则不会遍历原型链上的属性和方法且不会遍历定义在数组上的属性和方法。

5、for in 循环的是对象的可枚举(enumerable)属性；for of 遍历对象则会报错

6、for of 正常遍历的数据类型都需要实现一个遍历器Iterator。而数组、字符串、Set、Map结构，早就内置好了Iterator（迭代器），它们的原型中都有一个Symbol.iterator方法，而Object对象并没有实现这个接口，使得它无法被for of遍历。

为Object实现一个Iterator

Object.prototype[Symbol.iterator] = function() {
  let _this = this
  let index = 0
  let length = Object.keys(_this).length
  return {
      next:() => {
          let value = _this[Object.keys(_this)[index]]
          let done = (index >= length)
          index++
          return {value,done}
      }
  }
}

for(let i of obj){
  console.log(i) // obj的value
}

HTML

3、iframe 的优缺点

iframe是HTML中的一个标签，用于在网页中嵌入其他网页或文档。它可以将一个网页作为一个独立的窗口嵌入到另一个网页中，实现页面的分割和内容的复用。iframe也存在一些优缺点

优点：　　

1.代码模块化：使用iframe可以将一个网页划分为多个模块，每个模块单独编写HTML文档，使代码更加模块化和易于维护。

　　2.跨域通信：由于浏览器的同源策略，一个网页无法直接访问另一个域名下的内容。但是，使用iframe可以在同一个页面中加载不同域名下的内容，从而实现跨域通信。

3.独立性：iframe中的文档是独立的，它的样式和JavaScript代码不会影响到外层文档的样式和JavaScript代码。

4.异步加载：iframe可以异步加载嵌入的网页或文档，不会阻塞主页面的加载，提高页面的加载速度和用户体验。

缺点：

　　1. 降低性能：每个iframe都需要单独加载和渲染，这会导致网页的加载速度变慢，降低性能。iframe会阻塞主页面的Onload事件

　　2. SEO问题：iframe中的内容不会被搜索引擎抓取和索引，这会对网页的SEO产生影响。

　　3. 安全问题：iframe中的文档可以在外层文档中执行脚本，这可能导致安全问题。(在标签上加sandbox属性，会为iframe提供沙箱环境)

4. 很多的移动设备（PDA手机）无法完全显示框架，设备兼容性差。

5. 浏览器的后退按钮无效（只能针对实现当前光标所在页面的前进与后退，无法实现frameset整个页面的前进与后退）

父子iframe通信：window.postmessage(message, targetOrigin) message: string, 传对象需要JSON.stringify；targetOrigin: 接受你传递消息的域名，可以设置绝对路径，也可以设置"“或者”/"。"/"表示只能传递给同域域名。

接收方：window.addEventListener('message', receiver, false); receiver回调函数，形参e，取数据e.data

在iframe中获取父级内容
window.parent 获取上一级的window对象，如果还是iframe则是该iframe的window对象
window.top 获取最顶级容器的window对象，即，就是你打开页面的文档
window.self 返回自身window的引用。可以理解 window===window.self

iframe中的安全问题：

安全漏洞：由于iframe可以加载其他域名下的网页，存在一定的安全风险。恶意的网页可以通过iframe加载其他网页，并进行一些攻击行为。例如，通过在iframe中加载一个恶意的网页，可以进行跨站脚本攻击（XSS），从而窃取用户的敏感信息或进行其他恶意操作。另外，通过iframe还可以进行点击劫持攻击，即将一个透明的iframe覆盖在一个看似无害的按钮或链接上，当用户点击按钮或链接时，实际上是点击了透明的iframe，从而触发了恶意操作。

可以采取以下措施：

1、验证和限制加载内容的安全性：在使用iframe加载内容之前，需要对加载的内容进行验证和限制，确保加载的内容是可信的。可以使用一些安全机制，如内容安全策略（CSP）或跨域资源共享（CORS），对加载的内容进行安全检查和限制。

2、防止XSS攻击：为了防止XSS攻击，可以在加载的网页中进行输入验证和输出编码，避免恶意脚本的注入。另外，可以使用一些安全机制，如HTTP头部的X-XSS-Protection字段或Content Security Policy（CSP）来提高网页的安全性。

3、限制跨域访问：为了限制跨域访问，可以在服务器端设置适当的响应头，如Access-Control-Allow-Origin，限制只允许特定的域名进行访问。另外，还可以使用一些安全机制，如跨域资源共享（CORS）或跨域资源嵌入（XRI），对跨域访问进行限制和控制。

4、谨慎使用第三方内容：在加载第三方内容时，需要谨慎选择可信的第三方服务提供商，并对加载的内容进行安全检查。可以使用一些安全机制，如内容安全策略（CSP）或沙箱机制，对加载的内容进行限制和隔离