旧页面内容在绘制新页面内容之前没有被处理。

要解决“旧页面内容在绘制新页面内容之前没有被处理”的问题，可以使用异步编程的方法来确保旧页面内容在绘制新页面之前被处理。

以下是一个示例代码，演示如何使用Promise来处理旧页面内容：

// 模拟异步加载旧页面内容的函数
function fetchOldPageContent() {
  return new Promise((resolve, reject) => {
    // 模拟异步加载旧页面内容
    setTimeout(() => {
      const oldPageContent = '旧页面内容';
      resolve(oldPageContent);
    }, 1000);
  });
}

// 模拟异步加载新页面内容的函数
function fetchNewPageContent() {
  return new Promise((resolve, reject) => {
    // 模拟异步加载新页面内容
    setTimeout(() => {
      const newPageContent = '新页面内容';
      resolve(newPageContent);
    }, 2000);
  });
}

// 处理旧页面内容的函数
function processOldPageContent(oldPageContent) {
  console.log('处理旧页面内容:', oldPageContent);
}

// 处理新页面内容的函数
function processNewPageContent(newPageContent) {
  console.log('处理新页面内容:', newPageContent);
}

// 异步处理旧页面内容和新页面内容的函数
async function processPageContent() {
  try {
    // 异步加载旧页面内容
    const oldPageContent = await fetchOldPageContent();
    // 处理旧页面内容
    processOldPageContent(oldPageContent);

    // 异步加载新页面内容
    const newPageContent = await fetchNewPageContent();
    // 处理新页面内容
    processNewPageContent(newPageContent);
  } catch (error) {
    console.error('处理页面内容出错:', error);
  }
}

// 调用异步处理页面内容的函数
processPageContent();

在上述示例代码中，我们使用了fetchOldPageContent和fetchNewPageContent函数来模拟异步加载旧页面内容和新页面内容的过程。在processPageContent函数中，我们使用了await关键字来等待异步加载的结果，并在获取到结果后分别调用processOldPageContent和processNewPageContent函数来处理旧页面内容和新页面内容。

通过这种方式，可以确保旧页面内容在绘制新页面之前被处理。