鍍金池/ 問答/HTML5  HTML/ 貌似發(fā)現(xiàn)了一個Chrome內(nèi)存泄漏的BUG?

貌似發(fā)現(xiàn)了一個Chrome內(nèi)存泄漏的BUG?

問題描述

在寫transition動畫的時候無意間發(fā)現(xiàn)有時候頁面會卡死,查看任務管理器Chrome內(nèi)存突然飆升,經(jīng)過各種排除發(fā)現(xiàn)設置了transform:skew(90deg);的時候只要連續(xù)在相關transition動畫元素上多次移入移出就會出現(xiàn)頁面卡死的問題。這個是什么原因導致,還是說就是一個bug

簡化后代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    div {
        width: 500px;
        height: 500px;
        background: #aaa;
    }
    div p {
        transition: all 0.35s;
        transform:skew(0deg);
    }
    div:hover p {
        transform:skew(90deg);
    }
    </style>
</head>
<body>
    <div>
        <p>連續(xù)移入移出導致卡死Debug</p>
    </div>
</body>
</html>

穩(wěn)定復現(xiàn)方法及其他

連續(xù)移入移出就會導致卡死內(nèi)存飆升的現(xiàn)象
另外經(jīng)過多次測試只有transform:skew(90deg);屬性,只有度數(shù)為90度的時候,只有Chrome有這個問題**

補充:Chrome版本是63.0.3239.132(正式版本) (64 位)

回答
編輯回答
我以為

版本 65.0.3315.3(正式版本)dev (64 位) , Ubuntu 16.04

沒有你說的問題。

2018年5月4日 11:02
編輯回答
綰青絲

確實如此,我64版本會出現(xiàn),升級到65無法重現(xiàn)了。

2017年3月10日 02:04