JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<!DOCTYPE html>
<head>
  <title>Demo</title>
  <meta charset="utf-8" />
</head>
<body>

<a href="">Show Bug</a>

<ul id="fred">
</ul>

</body>
</html>

JavaScript

function fragmentCacheSize()
{
    var n=0, b=0;
    for ( var c in jQuery.fragments ) {
        n++;
        b += c.length;
    }
    return "jQuery.fragments has "+n+" entries with "+b+" key bytes";
}
$('a').click(
  function() {

    console.log(fragmentCacheSize());
    for ( var i = 0; i < 2000; i++ ) {
      var fred$ = $('#fred').empty();
      for ( var j = 0; j < 10; j++ ) {

        /* Switch comments to see leak vs no-leak */
        $('<li>' + j + '</li>').appendTo( fred$ );
        //$('<li></li>').html(j).appendTo( fred$ );
      }
    }
    console.log(fragmentCacheSize());
    return false;
  }
);