【性能优化】修复一个谷歌官方承认的内存泄漏问题

原创

于 2024-08-20 08:15:00 发布 · 1.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html5

前言

通过下面这段代码，配合控制台可以直观看到谷歌官方承认的一个内存泄漏问题，https://issues.chromium.org/issues/41403456。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div>
    <button onclick="toggleInput(false)">创建一个2秒后自动销毁的文本框</button>
    <button onclick="toggleInput(true)">创建一个2秒后自动销毁的聚焦文本框</button>
  </div>
  <script>
    function toggleInput(isFocus) {
     
     
      const ipt = document.createElement('input');
      ipt.value = "2秒后销毁"
      document.body.appendChild(ipt