知识难点整理(iframe,Fetch,addEventListener,noty,JSON.stringify,Vue,websocket,set)

本文深入探讨了前端开发的核心技术，包括iframe元素的使用、Fetch API数据获取、JSON操作、Vue生命周期、WebSocket通信、CSS样式应用及jQuery插件noty的实践。涵盖了从HTML到JavaScript的多个关键知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
Fetch获取数据,请求json
fetch(‘https://api.github.com/users/chriscoyier/repos’)
.then(response => response.json())
.then(data => {
// data就是我们请求的repos
console.log(data)
});

https://www.cnblogs.com/libin-1/p/6853677.html
transform:rotate(90deg);//旋转90
swiper插件
https://mp.youkuaiyun.com/mdeditor/84583196#
addEventListener() 方法用于向指定元素添加事件句柄。

window.addEventListener(“load”, function (event) {
new Noty({
type: ‘error’,
theme: ‘relax’,
text: ‘在乘客广播时，请暂停使用!’
}).show();
});
向 Window 对象添加事件句柄 window.addEventListener
load 一张页面或一幅图像完成加载。
https://blog.youkuaiyun.com/vincentblog/article/details/50629091
noty是一个jQuery的通知(信息提示)插件，灵活轻便，是一个非常棒的用于替代传统提示对话框的插件。
https://blog.youkuaiyun.com/u013485363/article/details/52981903
//默认布局
theme:‘defaultTheme’,
// 默认主题
type:‘alert’,
// 默认类型
text:’'ds"
document.write(“浏览器的平台和版本:”+version);
JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。
Vue
生命周期：Vue中实例或者组件从创建到消灭中间经过的一系列过程Vue中实例或者组件从创建到消灭中间经过的一系列过程

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
https://blog.youkuaiyun.com/xdnloveme/article/details/78035065
WebSocket 连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端。

示例：

// 创建WebSocket
   if ('WebSocket' in window) 

// 初始化一个 WebSocket 对象
var ws = new WebSocket("ws://localhost:9998/echo");

// 建立 web socket 连接成功触发事件
ws.onopen = function () {
  // 使用 send() 方法发送数据
  ws.send("发送数据");
  alert("数据发送中...");
};

// 接收服务端数据时触发事件
ws.onmessage = function (evt) {
  var received_msg = evt.data;
  alert("数据已接收...");
};

// 断开 web socket 连接成功触发事件
ws.onclose = function () {
  alert("连接已关闭...");
};

http://www.ruanyifeng.com/blog/2017/05/websocket.html