JavaScript的Beacon API是一种允许在浏览器后台发送数据到服务器的技术，即使浏览器处于关闭状态。它通常用于网站分析、用户行为跟踪和遥测。

Beacon API的使用方式很简单。它包括以下步骤：

1. 创建一个新的Beacon对象，并设置要发送的数据。

let beacon = new Beacon({  
  url: 'https://example.com/beacon',  
  data: {  
    key1: 'value1',  
    key2: 'value2'  
  }  
});

2. 调用Beacon对象的send()方法将数据发送到服务器。

beacon.send();

3. 如果需要，可以添加一个回调函数来处理发送结果。

beacon.send(function(result) {  
  if (result.success) {  
    console.log('Data sent successfully');  
  } else {  
    console.log('Data sending failed');  
  }  
});

Beacon API与其他后台发送数据的技术相比具有以下优点：

• 即使浏览器处于关闭状态，数据也会被发送到服务器。

• 可以在浏览器卸载或崩溃之前发送数据。

• 可以与Service Workers一起使用，以在离线时缓存数据并在连接可用时发送。

JavaScript的WebSocket接口是一种网络通信协议，可以在单个TCP连接上进行全双工通信。它为实时、双向和基于消息的通信提供了平台。WebSocket是HTML5中的一部分，它使得在Web环境中创建长轮询或服务器推送成为可能。

使用JavaScript的WebSocket API，可以执行以下操作：

1. 打开一个新的WebSocket连接。

2. 发送和接收数据。

3. 关闭WebSocket连接。

下面是一个简单的示例，展示了如何使用WebSocket API在JavaScript中创建一个WebSocket连接，发送和接收数据：

// 创建WebSocket连接  
var socket = new WebSocket('ws://localhost:8080');  
  
// 监听连接打开事件  
socket.onopen = function(event) {  
    console.log('Connection opened');  
    // 发送数据  
    socket.send('Hello, server!');  
};  
  
// 监听接收到消息事件  
socket.onmessage = function(event) {  
    console.log('Received data:', event.data);  
};  
  
// 监听连接关闭事件  
socket.onclose = function(event) {  
    console.log('Connection closed');  
};  
  
// 监听连接错误事件  
socket.onerror = function(error) {  
    console.error('Connection error:', error);  
};

在这个示例中，首先创建了一个WebSocket连接，指定了服务器地址和端口号。然后，监听了连接的打开事件，并在连接打开时发送了一条消息给服务器。接着，监听了接收到消息的事件，并在控制台打印了接收到的数据。最后，监听了连接的关闭事件和错误事件，并在相应的情况下打印了相应的信息。