预加载文件如何把值传到 渲染层，并渲染数据到页面上

预加载文件可以通过 AJAX 或 Fetch 请求来获取数据，然后将数据存储在内存中或者存储在浏览器的本地存储中。在渲染层，你可以通过 JavaScript 代码获取这些数据并且将其渲染到页面上。

具体来说，你可以在预加载文件中定义一个函数来获取数据，例如：

function fetchData() {
  return fetch('data.json')
    .then(response => response.json())
    .catch(error => console.error(error));
}

然后在渲染层中调用这个函数：

fetchData().then(data => {
  // 在这里处理数据并将其渲染到页面上
});

在这个例子中，我们通过 Fetch API 来获取一个名为 `data.json` 的数据文件，然后将其解析为 JavaScript 对象。在获取到数据之后，我们可以在 `.then()` 回调中进行数据处理和渲染操作。

你也可以将数据存储在内存中，例如：

let data;

function fetchData() {
  return fetch('data.json')
    .then(response => response.json())
    .then(result => {
      data = result;
    })
    .catch(error => console.error(error));
}

在这个例子中，我们在 `fetchData()` 函数中定义了一个全局变量 `data`，并在获取到数据之后将其赋值给 `data` 变量。在渲染层中，你可以直接使用 `data` 变量来进行数据处理和渲染操作。