临淄网站制作价格低,做网站的大骗子,搭建建立网站,注销网站备案申请表一#xff0c;iframe iframe标签用于在网页里面嵌入其他网页。 1#xff0c;sandbox属性 如果嵌入的网页是其他网站的页面#xff0c;因不了解对方会执行什么操作#xff0c;因此就存在安全风险。为了限制iframe的风险#xff0c;HTML 提供了sandb…一iframe iframe标签用于在网页里面嵌入其他网页。 1sandbox属性 如果嵌入的网页是其他网站的页面因不了解对方会执行什么操作因此就存在安全风险。为了限制iframe的风险HTML 提供了sandbox属性 。
allow-forms允许提交表单。
allow-modals允许提示框即允许执行window.alert()等会产生弹出提示框的 JavaScript 方法。
allow-popups允许嵌入的网页使用window.open()方法弹出窗口。
allow-popups-to-escape-sandbox允许弹出窗口不受沙箱的限制。
allow-orientation-lock允许嵌入的网页用脚本锁定屏幕的方向即横屏或竖屏。
allow-pointer-lock允许嵌入的网页使用 Pointer Lock API锁定鼠标的移动。
allow-presentation允许嵌入的网页使用 Presentation API。
allow-same-origin不打开该项限制将使得所有加载的网页都视为跨域。
allow-scripts允许嵌入的网页运行脚本但不创建弹出窗口。
allow-storage-access-by-user-activationsandbox属性同时设置了这个值和allow-same-origin的情况下允许iframe嵌入的第三方网页通过用户发起document.requestStorageAccess()请求经由 Storage Access API 访问父窗口的 Cookie。
allow-top-navigation允许嵌入的网页对顶级窗口进行导航。
allow-top-navigation-by-user-activation允许嵌入的网页对顶级窗口进行导航但必须由用户激活。
allow-downloads-without-user-activation允许在没有用户激活的情况下嵌入的网页启动下载。 2loading属性 loading属性是指滚动进入视口以后再加载
auto浏览器的默认行为与不使用loading属性效果相同。
lazyiframe的懒加载即将滚动进入视口时开始加载。
eager立即加载资源无论在页面上的位置如何。
二https传输过程 以下是CA签证的详细过程 首先 CA 会把持有者的公钥、用途、颁发者、有效时间等信息打成一个包然后对这些信息进行 Hash 计算得到一个 Hash 值
然后 CA 会使用自己的私钥将该 Hash 值加密生成 Certificate Signature也就是 CA 对证书做了签名
最后将 Certificate Signature 添加在文件证书上形成数字证书
客户端校验服务端的数字证书的过程如上图右边部分
首先客户端会使用同样的 Hash 算法获取该证书的 Hash 值 H1
通常浏览器和操作系统中集成了 CA 的公钥信息浏览器收到证书后可以使用 CA 的公钥解密 Certificate Signature 内容得到一个 Hash 值 H2
最后比较 H1 和 H2如果值相同则为可信赖的证书否则则认为证书不可信。 三JS数组 1数组的概念 一组数据的集合。 在数组中可以存放任意类型的数据。每一个数据我们称之为元素。 每一个元素在数组中是有编号的这个编号就称之为下标。
2数组属性 1length属性数组的length属性返回数组的成员数量。
2in运算符检查某个键名是否存在的运算符in适用于对象也适用于数组。 for...in 遍历对象也可以遍历数组 for循环while循环
3构造函数
3声明定义数组 1构造函数 4数组的方法 push:在元素的末尾处添加元素会修改原数组 pop 从元素的末尾删除一个元素会修改原数组返回删除的元素。 shift从数组的头部删除一个元素会修改原数组返回删除的元素。 unshift:在数组的头部添加一个元素返回值是插入后数组的长度。 concat:将两个数组中的元素合并为一个新数组合并完成后不会修改原数组。 slice:获取数组中指定区域的元素 join: 将数组中的元素用传入的分隔符字符串拼接成一个新的字符串。 reverse:反转数组会影响原数组。 sort:对数组进行排序相当于遍历数组中的每一个元素让当前元素与后面元素进行比较。比较的规则默认是 谁大谁在后面。 【注意】排序是按照Unicode编码排序的不是按照数字的大小。 四正则表达式 ^ 表示字符串的开始位置
$ 表示字符串的结束位置
竖线符号|在正则表达式中表示“或关系”OR
正则表达式中需要反斜杠转义的一共有12个字符^、.、[、$、(、)、|、*、、?、{和\
\d 匹配0-9之间的任一数字相当于[0-9]。
\D 匹配所有0-9以外的字符相当于[^0-9]。
\w 匹配任意的字母、数字和下划线相当于[A-Za-z0-9_]。
\W 除所有字母、数字和下划线以外的字符相当于[^A-Za-z0-9_]。
\s 匹配空格包括换行符、制表符、空格符等相等于[ \t\r\n\v\f]。
\S 匹配非空格的字符相当于[^ \t\r\n\v\f]。
\b 匹配词的边界。
\B 匹配非词边界即在词的内部
? 问号表示某个模式出现0次或1次等同于{0, 1}。
* 星号表示某个模式出现0次或多次等同于{0,}。 加号表示某个模式出现1次或多次等同于{1,}。
点字符.匹配除回车\r、换行(\n) 、行分隔符\u2028和段分隔符\u2029
五new、this 1new new命令的作用就是执行构造函数返回一个实例对象。
使用new命令时它后面的函数依次执行下面的步骤。
创建一个空对象作为将要返回的对象实例。
将这个空对象的原型指向构造函数的prototype属性。
将这个空对象赋值给函数内部的this关键字。
开始执行构造函数内部的代码。
也就是说构造函数内部this指的是一个新生成的空对象所有针对this的操作都会发生在这个空对象上。构造函数之所以叫“构造函数”就是说这个函数的目的就是操作一个空对象即this对象将其“构造”为需要的样子。
2this: this可以用在构造函数之中表示实例对象 this从字面上含义是(指较近的人或事物) 这这个;this表示当前对象的一个引用。
this的指向this不是固定不变的是根据调用的上下文执行时环境改变而改变。如果单独使用this 表示全局对象。
在方法中this 表示该方法所属的对象。
在函数中this 表示全局对象。
在函数中在严格模式下this 是未定义的(undefined)。
在事件中this 表示接收事件的元素。
六同步异步微任务宏任务 1js是单线程的但是分同步异步
2微任务和宏任务皆为异步任务它们都属于一个队列 3宏任务一般是script、setTimeout、setInterval、postMessage 4微任务Promise.then ES6
先执行同步 再执行异步
5先执行同步再执行异步异步遇到微任务先执行微任务执行完后如果没有微任务就执行下一个宏任务如果有微任务就按顺序一个一个执行微任务
6宏任务一般是script、setTimeout、setInterval、postMessage
7微任务Promise.then ———————————————— 版权声明本文为CSDN博主「Senvenhu」的原创文章遵循CC 4.0 BY-SA版权协议转载请附上原文出处链接及本声明。 原文链接https://blog.csdn.net/Senvenhu/article/details/131968622
