伙计们，我提前道歉，我不知道代码.....而且我真的试图在 ps 中找到方法
这是我在网站上安装的度量代码：
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
код счетчика Яндекс Метрики
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/111111111" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
请告诉我如何包装它，以便它不会显示给没有引荐来源的访问者（从直接方法）
我有类似这样的代码
const canvas1 = document.getElementById('canvas-1');
const canvas2 = document.getElementById('canvas-2');
const createContext = () => {
let ctx1, ctx2;
if (document.querySelector('#gpu').checked) {
console.log('gpu');
ctx1 = canvas1.getContext('2d', { willReadFrequently: false });
ctx2 = canvas2.getContext('2d', { willReadFrequently: false });
} else {
console.log('cpu');
ctx1 = canvas1.getContext('2d', { willReadFrequently: true });
ctx2 = canvas2.getContext('2d', { willReadFrequently: true });
}
return [ctx1, ctx2];
};
let [ctx1, ctx2] = createContext();
<label for="gpu">gpu processing</label>
<input type="checkbox" id="gpu" ><br>
问题是，当调用该函数时上下文不会改变createContext()，通过调试器判断，所有步骤都已完成，但是，尽管如此，当您单击复选框时上下文不会改变。
在后台，按钮调用了几个函数，包括创建上下文。
问题是，是否有可能CanvasRenderingContext2D在开发过程中更改代码，还是一劳永逸地创建代码？第二种情况，是否可以改变willReadFrequently上下文？
Chrome 有一个扩展程序“复制 Cookies”，只需单击一下即可从页面复制 Cookies。默认情况下，该扩展被分配了一个热键Ctrl+Shift+K。为了自动从特定站点复制 cookie，出现了一个想法，即在 Onload 事件发生时在浏览器中打开一个 HTML 文件，并在加载所需页面并暂停后模拟按下热键。但事实证明，出于安全原因，浏览器不具备发送键盘快捷键的功能（此行在代码中被注释掉）。在这种情况下，可以做些什么来确保在页面加载后将 cookie 复制到缓冲区？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Page and Delay</title>
</head>
<body onload="openPageAndDelay()">
<script>
function openPageAndDelay() {
// Открываем новую вкладку с тестовой веб-страницей
var newWindow = window.open('https://example.com/', '_blank');
// Устанавливаем задержку на 5 секунд
setTimeout(function() {
console.log('5 секунд прошло');
// document.dispatchEvent(new KeyboardEvent('keydown', {'key': 'k', 'ctrlKey': true, 'shiftKey': true}));
}, 5000);
}
</script>
</body>
</html>
对于如此多的代码行，我提前表示歉意！请帮我重组阵列。现在我以这样的对象数组的形式接收数据（有条件地，可能会有更多情况）：
let dataToExpandToCheck= [
{
codePlatform: 'Platform 1',
codeInstance: 'Instance 1',
codeScheme: 'Scheme 1',
codeTable: 'Table 1",
columns: []
},
{
codePlatform: 'Platform 1',
codeInstance: 'Instance 1',
codeScheme: 'Scheme 1',
codeTable: 'Table 2",
columns: []
},
{
codePlatform: 'Platform 1',
codeInstance: 'Instance 1',
codeScheme: 'Scheme 2',
codeTable: 'Table 1",
columns: []
},
{
codePlatform: 'Platform 1',
codeInstance: 'Instance 2',
codeScheme: 'Scheme 1',
codeTable: 'Table 1",
columns: []
},
{
codePlatform: 'Platform 2',
codeInstance: 'Instance 1',
codeScheme: 'Scheme 1',
codeTable: 'Table 1",
columns: []
},
]
问题的本质是，一个平台（codePlatform）内可以有多个实例（codeInstance），一个实例内可以有多个不同的方案（codeScheme），方案内可以有多个不同的表（codeTable）。在我提供的数据中：有2个平台（1和2）。平台 1 内部有 2 个实例（1 和 2），实例 1 内部有模式 1 和模式 2，模式 1 中有 2 个表。在平台 2 上有一个实例、一个模式和一个表。
为了发送数据，我需要重写这个数组，以便 Platform 对象包含其名称和带有其实例的数组，每个实例的对象必须包含实例的名称和包含所有模式的数组，并且每个模式的对象包含其名称和包含表的数组（因此，表对象包括表的名称和其列的数组）。因此，最终数组应该是这样的（我再说一遍，在工作项目中有更多数据和更多选项）：
let restrArray = [
{
codePlatform: 'Platform 1',
instances: [
{
codeInstance: 'Instance 1',
schemes: [
{
codeScheme: 'Scheme1',
tables: [
{
codeTable: 'Table 1',
columns: []
},
{
codeTable: 'Table 2',
columns: []
}
]
},
{
codeScheme: 'Scheme 2',
tables: [
{
codeTable: 'Table 1',
columns: []
}
]
}
]
},
{
codeInstance: 'Instance 2',
schemes: [
{
codeScheme: 'Scheme1',
tables: [
{
codeTable: 'Table 1',
columns: []
}
]
}
]
}
]
},
{
codePlatform: 'Platform 2',
instances: [
{
codeInstance: 'Instance 1',
schemes: [
{
codeScheme: 'Scheme 1',
tables: [
{
codeTable: 'Table 1',
columns: []
}
]
}
]
}
]
}
]
我写下了算法，但它不能正常工作：在某些情况下它不会向平台对象添加实例，有时它会复制数组中的表。请帮助我理解如何重写算法：
const restructureFinalDataToSend = (
dataToExpandToCheck,
setRestructuredDataToSend
) => {
let newDataArray = [];
let instanceArray = [];
let instanceObject = {};
let schemesArray = [];
let schemeObject = {};
let tablesArray = [];
let tableObject = {};
let platformObject = {};
for (let i = 0; i < dataToExpandToCheck.length; i++) {
for (let j = 0; j < i; j++) {
if (
dataToExpandToCheck[j].codePlatform ===
dataToExpandToCheck[i].codePlatform
) {
if (
dataToExpandToCheck[j].codeInstance ===
dataToExpandToCheck[i].codeInstance
) {
if (
dataToExpandToCheck[j].codeScheme ===
dataToExpandToCheck[i].codeScheme
) {
tableObject = {
codeTable: dataToExpandToCheck[i].codeTable,
columns: dataToExpandToCheck[i].columns
};
tablesArray.push(tableObject);
schemeObject = {
codeScheme: dataToExpandToCheck[i].codeScheme,
tables: tablesArray
};
schemesArray.push(schemeObject);
instanceObject = {
codeInstance: dataToExpandToCheck[i].codeInstance,
schemes: schemesArray.reduce((o, i) => {
if (
!o.find((v) => v.codeScheme == i.codeScheme)
) {
o.push(i);
}
return o;
}, [])
};
instanceArray.push(instanceObject);
platformObject = {
codePlatform: dataToExpandToCheck[i].codePlatform,
instances: instanceArray.reduce((o, i) => {
if (
!o.find(
(v) => v.codeInstance == i.codeInstance
)
) {
o.push(i);
}
return o;
}, [])
};
newDataArray.push(platformObject);
} else {
schemeObject = {
codeScheme: dataToExpandToCheck[i].codeScheme,
tables: [
{
codeTable: dataToExpandToCheck[i].codeTable,
columns: dataToExpandToCheck[i].columns
}
]
};
schemesArray.push(schemeObject);
instanceObject = {
codeInstance: dataToExpandToCheck[i].codeInstance,
schemes: schemesArray
};
instanceArray.push(instanceObject);
platformObject = {
codePlatform: dataToExpandToCheck[i].codePlatform,
instances: instanceArray
};
newDataArray.push(platformObject);
}
} else {
instanceObject = {
codeInstance: dataToExpandToCheck[i].codeInstance,
schemes: [
{
codeScheme: dataToExpandToCheck[i].codeScheme,
tables: [
{
codeTable:
dataToExpandToCheck[i].codeTable,
columns: dataToExpandToCheck[i].columns
}
]
}
]
};
instanceArray.push(instanceObject);
platformObject = {
codePlatform: dataToExpandToCheck[i].codePlatform,
instances: instanceArray
};
newDataArray.push(platformObject);
}
} else {
platformObject = {
codePlatform: dataToExpandToCheck[i].codePlatform,
instances: [
{
codeInstance: dataToExpandToCheck[i].codeInstance,
schemes: [
{
codeScheme:
dataToExpandToCheck[i].codeScheme,
tables: [
{
codeTable:
dataToExpandToCheck[i]
.codeTable,
columns:
dataToExpandToCheck[i].columns
}
]
}
]
}
]
};
newDataArray.push(platformObject);
}
}
}
let resultArray = newDataArray.reduce((o, i) => {
if (!o.find((v) => v.codePlatform == i.codePlatform)) {
o.push(i);
}
return o;
}, []);
setRestructuredDataToSend(resultArray);
};
我使用 axios 通过 API 接收数据。如果在函数中输出，那么输出的就是一个对象：
当调用该函数时，一个 Promise 对象被添加到数据变量中，其中包含我需要的对象，但我不知道如何从那里调用它。
以下是代码：
async function getData() {
try {
return await axios.get('http://localhost:8000/first')
} catch (error) {
console.error(error)
}
}
export default {
data() {
return {
data: getData()
}
}
}