来自 前端技术 2019-10-19 17:37 的文章
当前位置: 六合联盟网 > 前端技术 > 正文

垃圾回收机制,Chrome开发者工具不完全指南

Chrome开垦者工具不完全指南(四、品质进级篇)

2015/07/05 · HTML5 · Chrome

原稿出处: 卖撸串夫斯基   

前言

Profiles面板功用的法力重点是监督检查网页中各类艺术推行时间和内部存款和储蓄器的变动,轻便的话它正是Timeline的数字化版本。它的功力选项卡不是许多(独有多少个),操作起来比较前边的几块功用版本的话简单,不过中间的数目确非常多,很杂,要弄懂它们需求成本一些时日。特别是在内部存款和储蓄器快速照相中的种种庞杂的数额。在这里篇博客中卤煮将继续给大家分享Chrome开荒者工具的运用经验。借令你遭逢不懂的地方也许有异形的地方,能够在批评中回复卤煮,小说最终卤煮会最终把法门交出来。上边要介绍的是Profiles。首先展开Profiles面板。

图片 1

Profiles分界面分为左右多个区域,左侧区域是放文件的区域,侧边是突显数据的区域。在上马检查评定早前能够看看右侧区域有八个选项,它们各自代表者区别的法力:

1.(Collect JavaScript CPU Profile)监察和控制函数实践期成本的时刻
2.(Take Heap Snapshot)为日前分界面拍三个内部存款和储蓄器快速照相
3.(Record Heap Allocations)实时监控记录内部存款和储蓄器变化(对象分配追踪)

黄金年代、Collect JavaScript CPU Profile(函数搜聚器)

第一来关切首先个效益,(Collect JavaScript CPU Profile)监督函数推行期费用的年月。讲道理比不上举个例子子,为了更加精通地询问它的功效概略,大家得以编写贰个测试列子来观望它们的作用。这几个列子轻易一些,使得大家剖判的多寡更鲜澳优些。

XHTML

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <button id="btn"> click me</button> <script type="text/javascript"> function a() { console.log('hello world'); } function b() { a(); } function c() { b(); } document.getElementById('btn').addEventListener('click', c, true); </script> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button id="btn"> click me</button>
<script type="text/javascript">
function a() {
console.log('hello world');
}
 
function b() {
a();
}
 
function c() {
b();
}
 
document.getElementById('btn').addEventListener('click', c, true);
</script>
</body>
</html>

在左边区域中选取Collect JavaScript CPU Profile 选项,点击下方的Start开关(也得以点击右边的海洋蓝圆圈),那时候Chrome会起头记录网页的方法实践,然后我们点击分界面包车型地铁按键来推行函数。最终再点击侧面区域的Stop开关(或许侧边的革命圆圈),那时监察和控制就长逝了。左侧Profiles会列出三个文书,单击能够看到如下分界面:

图片 2

生活了叁个数量表格,它们的意思在上海图书馆中早就标识出来了。它记录的是函数实践的日子以至函数推行的次第。通过左边区域的系列选拔能够切换数据展现的秘技。有正饱含关系,逆富含关系,图表类型三种选项。大家能够挑选在那之中的图样类型:

图片 3

能够看出那些面板一见如旧,没有错,它跟以前的TimeLine面板很像,的确,纵然很像,但作用不雷同,不然也就没须要重复做了。从上海体育场所能够看看点击开关实行的相继函数推行的时间,顺序,富含关系和CUP变化等。你能够在转移文书从此在左侧区域中保留该公文记录,下一次只供给在区域2那中式茶食击load开关便得以加载出来。也正是说你能够当地永远地记录该段时间内的秘技推行时间。第二个作用大致就这么多,比较其余五个来说轻松。

二、Take Heap Snapshot(内部存款和储蓄器快速照相**

上面大家来介绍一后一次之个效果与利益的用法。第二个效果与利益是给当下网页拍三个内部存储器快照.选拔第2个拍录效果,按下 Take Snapshot 开关,给当下的网页拍下二个内部存款和储蓄器快速照相,获得如下图。

图片 4

能够看来侧边区域生成个公文,文件名下方有数字,表示那个张快速照相记录到的内部存款和储蓄器大小(此时为3.2M)。侧面区域是个列表,它分成五列,表头能够服从数值大小手动排序。在此张表格中列出的有个别列数字和标志,以致表头的意思相比复杂,涉及到有的js和内部存储器的文化,大家就先从那个表头伊始询问他们。从左到右的逐风流罗曼蒂克它们分别表示:
Constructor(构造函数)表示具备通过该构造函数生成的对象
Distance 对象到达GC根的最短间隔
Objects Count 对象的实例数
Shallow size 对应构造函数生成的指标的shallow sizes(直接占用内部存款和储蓄器)总的数量
Retained size 突显了相应对象所占领的最大内存
CG根!是神马东西?在google的合乌克兰语档中的建议是CG根不必用到开采者去关切。可是我们在这里边能够省略说美素佳儿(Friso)下。咱们都精通js对象能够相互引用,在有个别对象申请了意气风发块内部存款和储蓄器后,它很可能会被别的对象应用,而其他对象又被别的的靶子应用,生机勃勃层龙腾虎跃层,但它们的指针都是指向同大器晚成块内存的,大家把那最先引用的那块内部存款和储蓄器就能够改为GC根。用代码表示是这么的:

JavaScript

var obj = {a:1}; obj.pro = { a : 100 }; obj.pro.pro = { b : 200 }; var two = obj.pro.pro; //这种气象下 {b:200} 正是被two援引到了,{b:200}对象引用的内部存款和储蓄器正是CG根

1
2
3
4
5
var obj = {a:1};
obj.pro = { a : 100 };
obj.pro.pro = { b : 200 };
var two = obj.pro.pro;
//这种情况下 {b:200} 就是被two引用到了,{b:200}对象引用的内存就是CG根

用一张官方的图能够如下表示:

图片 5

结缘那张关系网的成分有二种:
Nodes:节点,对应三个目的,用成立该指标的构造方法来命名
Edges:连接线,对应着对象间的援引关系,用对象属性名来命名
从上航海用体育场地你也足以看到了第二列的表头Dishtance的意义是如何,没有错,它指的便是CG根和援引对象时期的相距。依照这条表达,图中的对象5到CG根的离开便是2!那么哪些是直接占用内部存款和储蓄器(Shallow size)和最大占用内部存款和储蓄器(Retained size)呢?间接占用内部存款和储蓄器指的是目的自笔者占用的内部存储器,因为对象在内部存款和储蓄器中会通过三种艺术存在着,大器晚成种是被贰个其他对象保留(我们得以说那几个指标注重别的对象)可能被Dom对象那样的原生对象包括保留。在那地一向占用内部存款和储蓄器指的正是前风姿罗曼蒂克种。(平时来说,数组和字符串会保留愈来愈多的直白占用内部存款和储蓄器)。而最大内部存款和储蓄器(Retained size)就是该对象正视的另外对象所占有的内部存储器。你要理解那些都以官方的表明,所以就算你以为云里雾里也是例行的,官方解释断定是官腔嘛。依照卤煮本人的知晓是那般的:

JavaScript

function a() { var obj = [1,2,.......n]; return function() { //js功能域的原由,在这闭包运营的内外文中能够访谈到obj这么些指标console.log(obj); } } //平常意况下,a函数试行完毕obj占用的内部存款和储蓄器会被回收,不过此间a函数重返了一个函数表明式(见汤姆大爷的博客函数表明式和函数表明),此中obj因为js的效用域的特殊性一贯留存,所以我们可以说b援引了obj。 var b = a(); //每趟实施b函数的时候都可以访问到obj,表达内部存款和储蓄器未被回收 所以对于obj来讲直接占用内部存储器[1,2,....n], 而b正视obj,所obj是b的最大内存。 b()

1
2
3
4
5
6
7
8
9
10
11
function a() {
    var obj = [1,2,.......n];
    return function() {
        //js作用域的原因,在此闭包运行的上下文中可以访问到obj这个对象
        console.log(obj);
    }
}
//正常情况下,a函数执行完毕 obj占用的内存会被回收,但是此处a函数返回了一个函数表达式(见Tom大叔的博客函数表达式和函数声明),其中obj因为js的作用域的特殊性一直存在,所以我们可以说b引用了obj。
var b = a();
//每次执行b函数的时候都可以访问到obj,说明内存未被回收 所以对于obj来说直接占用内存[1,2,....n], 而b依赖obj,所obj是b的最大内存。
b()

在dom中也设有着援用关系:大家通过代码来看下这种援用关系:

JavaScript

<html> <body> <div id="refA"> <ul> <li><a></a></li> <li><a></a></li> <li><a id="#refB"></a></li> </ul> </div> <div></div> <div></div> </body> </html> <script> var refA = document.getElementById('refA'); var refB = document.getElementById('refB');//refB援用了refA。它们之间是dom树父节点和子节点的涉嫌。 </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <body>
        <div id="refA">
            <ul>
                <li><a></a></li>
                <li><a></a></li>
                <li><a id="#refB"></a></li>
            </ul>
        </div>
        <div></div>
        <div></div>
    </body>
</html>
 
<script>
    var refA = document.getElementById('refA');
    var refB = document.getElementById('refB');//refB引用了refA。它们之间是dom树父节点和子节点的关系。
</script>

近年来,难点来了,假诺自个儿未来在dom中移除div#refA会如何啊?答案是dom内部存款和储蓄器依然存在,因为它被js援用。那么小编把refA变量置为null呢?答案是内存依旧存在了。因为refB对refA存在引用,所以唯有在把refB释放,否则dom节点内部存储器会一向存在浏览器中不能够被回收掉。上海体育场合:

图片 6

因而你见到Constructor这一列中指标要是有深紫背景就象征有一点都不小概率被JavaScript引用到不过尚未被回收。以上只是卤煮个人了解,借使不对劲,请你势要求唤醒卤煮好即时更新,免得误人子弟!接着上文,Objects Count这一列是如何看头呢?Objects Count这一列的意思比较好明白,从字面上大家就驾驭了其含义。就是指标实例化的数据。用代码表示正是那般的:

JavaScript

var ConstructorFunction = function() {};//构造函数 var a = new ConstructorFunction();//第一个实例 var b = new ConstructorFunction();//第四个实例 ....... var n = new ConstructorFunction();//第n个实例

1
2
3
4
5
var ConstructorFunction = function() {};//构造函数
var a = new ConstructorFunction();//第一个实例
var b = new ConstructorFunction();//第二个实例
.......
var n = new ConstructorFunction();//第n个实例

能够见到构造函数在上头有n个实例,那么对应在Objects Count那列里面就能有数字n。在这里边,ConstructorFunction是我们友好定义的构造函数。那么这一个构造函数在何地啊,聪明的您早晚能够猜到就在第一列Constructor中。实际上你能够见见列表中的Constructor这一列,在那之中绝大许多都是系统级其余构造函数,有局地也是大家本人编写的:

  global property – 全局对象(像 ‘window’)和引用它的对象之间的中游对象。如若二个对象由构造函数Person生成并被全局对象援用,那么引用路线就是那般的:[global] > (global property > Person。那跟日常的平素引用相互的靶子区别等。我们用中间对象是有质量方面包车型大巴缘故,全局对象更动会很频仍,非全局变量的个性访谈优化对全局变量来讲并不适用。
  roots – constructor中roots的剧情引用它所选中的靶子。它们也足以是由引擎自己作主要创作办的一些援用。这一个引擎有用于引用对象的缓存,可是那些援用不会阻拦援用对象被回收,所以它们不是真的的强援引(FIXME)。
  closure – 一些函数闭包中的豆蔻梢头组对象的引用
  arraystringnumberregexp – 风流倜傥组属性引用了Array,String,Number或正则表达式的指标类型
  compiled code – 轻便的话,全体东西都与compoled code至于。Script像一个函数,但实则对应了<script>的剧情。SharedFunctionInfos (SFI)是函数和compiled code之间的目的。函数平常常有内容,而SFIS未有(FIXME)。
HTMLDivElement, HTMLAnchorElement, DocumentFragment 等 – 你代码中对elements或document对象的援引。

点击张开它们查看详细项,@符号表示该目的ID。:

图片 7

三个快速照相能够有多少个总结,在左边区域的右上角我们得以看见点击下拉菜单能够猎取多个个任务视图选项:

图片 8

她俩各自代表:
  Summary(概要) – 通过构造函数名分类呈现对象;
  Comparison(对照) – 展现多少个快速照相间对象的差异;
  Containment(调节) – 探测堆内容;
  Statistic(图形表)-用图表的法子浏览内存使用概要

Comparison是指比极快速照相之间的反差,你能够率先拍三个快速照相A,操作网页朝气蓬勃段时间后拍下另外三个快速照相B,然后在B快照的右臂距区域的左上角选择该选项。然后就可以以知道见比较图。上面突显的是各类列,每如火如荼项的扭转。在比较视图下,八个快速照相之间的不等就能够显现出来了。当举行三个总类目后,增删了的对象就显示出来了:

图片 9

尝试一下法定示例辅助你打探比较的职能。

你也足以尝尝着查看Statistic选料,它会以图表的措施陈述内部存储器概略。

图片 10

三、Record Heap Allocations.(对象追踪器)

好了,第一个职能也介绍完了,最终让大家来瞧瞧最后二个效用Record Heap Allocations.那几个作用是干啥的啊。它的效劳是为为大家拍下一文山会海的快速照相(频率为50ms),为我们检查实验在启用它的时候种种对象的生存情状。形象一点说正是只要拍片内部存款和储蓄器快速照相的效果与利益是摄影那么它功能约等于录像。当大家启用start开关的时候它便开拍,直到截止。你拜候到左侧区域上半有个别有局地海洋蓝和土红的柱条。浅青的意味你监督这段时日内活跃过的靶子,可是被回收掉了。水绿的象征依然未有没回收。你照旧能够滑动滚轮缩放时间轴。

图片 11

对象追踪器功效的好处在于您能够纷来沓至不停的追踪对象,在收尾时,你能够选择某些时刻段内(举个例子说蓝灰条未有变灰)查看里面活跃的对象。扶植你一定内存败露难点。

四、结束 

好了,大致把Profiles讲罢了。那东西对大家索求内部存款和储蓄器走漏来讲依旧蛮有作用的。对于工具以来,首如若多用,听得多了自然能详细讲出来嘛。若是您感到不舒畅,笔者引进您去阅读官方文书档案,里面有N多的事例,N多的表明,特别详细。前提是您能跳到墙外去。当然也是有翻译文书档案(卤煮的孤本都给你了,推荐一下吧)。最终真的是要像一片小说里面写的同样“谢谢发明Computer的人,让大家这么些剪刀加浆糊的学术土匪产生了复制加粘贴版的学问海盗。”下一期是ConsoleAudits。敬请关怀。

2 赞 10 收藏 评论

图片 12

原稿出处: 韩子迟   

闭包拾遗

事先写了篇《闭包初窥》,谈了部分自身对闭包的通俗认知,在前文基础上,补充何况更新些对于闭包的认知。

要么后面包车型客车不胜优异的例子,来补偿些优秀的演讲。

JavaScript

function outerFn() { var a = 0; function innerFn() { console.log(a++); } return innerFn; } var fn = outerFn(); fn(); // 0 fn(); // 1

1
2
3
4
5
6
7
8
9
10
11
function outerFn() {
  var a = 0;
  function innerFn() {
    console.log(a++);
  }
  return innerFn;
}
 
var fn = outerFn();
fn(); // 0
fn(); // 1

此地并未在outerFn内部修改全局变量,而是从outerFn中回到了贰个对innerFn的援引。通过调用outerFn能够猎取这几个援用,并且以此援引能够能够保留在变量中。 这种纵然间隔函数效能域的情事下依旧能够透过援引调用内部函数的事实,意味着假如存在调用内部函数的大概,JavaScript就须求保留被援引的函数。何况JavaScript运维时需求追踪援引那些里面函数的兼具变量,直到最终多个变量舍弃,JavaScript的排放物搜集器本事假释相应的内部存储器空间。

让我们说的更彻底一些。所谓“闭包”,正是在构造函数体钦点义其余的函数作为靶子对象的点子函数,而以此指标的主意函数反过来援引外层函数体中的有时变量。那使得只要目的对象在生存期内始终能保证其方式,就能够直接保持原构造函数体那时候使用的不常变量值。就算最开端的构造函数调用已经停止,有时变量的名号也都衰亡了,但在指标对象的情势内却一向能引用到该变量的值,並且该值只好通这种格局来访谈。尽管再一次调用同样的构造函数,但只会生成新对象和方法,新的有时变量只是对应新的值,和上次此次调用的是个别独立的。

要么前文的例证:

JavaScript

<ul> <li>0</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script> var lis = document.getElementsByTagName('li'); for(var i = 0; i < lis.length; i++) { ~function(num) { lis[i].onclick = function() { alert(num) }; }(i) } </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>
<script>
  var lis = document.getElementsByTagName('li');
  for(var i = 0; i < lis.length; i++) {
    ~function(num) {
      lis[i].onclick = function() {
        alert(num)
      };
    }(i)
  }
</script>

怎么不加立时试行函数,alert的都会是5啊?

即便不加IIFE,当i的值为5的时候,测量准则不树立,for循环试行落成,不过因为各样li的onclick方法那时候为内部函数,所以i被闭包援引,内存不能够被覆灭,i的值会一向维持5,直到程序改换它依旧持有的onclick函数销毁(主动把函数赋为null或许页面卸载)时才会被回收。那样每便大家点击li的时候,onclick函数会查找i的值(功用域链是援用形式),后生可畏查等于5,然后就alert给我们了。加上IIFE后就是更创办了豆蔻梢头层闭包,函数评释放在括号内就改为了表明式,前面再增添括号正是调用了,那时候把i当参数字传送入,函数霎时实践,num保存每一回i的值。

垃圾堆回收机制(GC)

接过来说说垃圾回收机制(Garbage Collecation)。

在地点的第叁个例子中,变量始终保留在内部存储器中,聊起底与JavaScript的污源回收机制有关。JavaScript垃圾回收的编写制定很粗大略:搜索不再接纳的变量,然后释放掉其占用的内部存款和储蓄器,可是那个进度不是实时的,因为其付出十分的大,所以垃圾回收器会服从一定的光阴世距周期性的履行。不再动用的变量也便是生命周期截至的变量,当然只或许是一些变量,全局变量的生命周期直至浏览器卸载页面才会完成。局地变量只在函数的实施进度中留存,而在这里个历程中会为一些变量在栈或堆上分配相应的空中,以存款和储蓄它们的值,然后在函数中动用这么些变量,直至函数甘休,而闭包中出于内部函数的来由,外界函数并不可能算是截至。

抑或上代码表达呢:

JavaScript

function fn1() { var obj = {name: 'hanzichi', age: 10}; } function fn2() { var obj = {name:'hanzichi', age: 10}; return obj; } var a = fn1(); var b = fn2();

1
2
3
4
5
6
7
8
9
10
11
function fn1() {
  var obj = {name: 'hanzichi', age: 10};
}
 
function fn2() {
  var obj = {name:'hanzichi', age: 10};
  return obj;
}
 
var a = fn1();
var b = fn2();

大家来看代码是怎么着实行的。首先定义了三个function,分小名称叫fn1和fn2,当fn1被调用时,进入fn1的碰到,会开辟意气风发块内部存款和储蓄器寄放对象{name: ‘hanzichi’, age: 10},而当调用停止后,出了fn1的条件,那么该块内部存款和储蓄器会被js引擎中的垃圾回收器自动释放;在fn2被调用的进度中,重返的目的被全局变量b所指向,所以该块内部存储器并不会被保释。

废品回收机制的连串

函数中的局地变量的生命周期:局地变量只在函数施行的经过中设有。而在此个历程中,会为一些变量在栈(或堆)内部存款和储蓄器上分配相应的半空中,以便存款和储蓄它们的值。然后在函数中央银行使这一个变量,直至函数施行完结。此时,局地变量就从未存在的重中之重了,由此能够释放它们的内部存款和储蓄器以供以后采取。在这里种景况下,相当的轻便看清变量是或不是还会有存在的供给;但不用全部情形下都这么轻便就能够得出结论。垃圾回收器必得盯住哪个变量有用,哪个变量没用,对于不再实用的变量打上标志,以备未来收回其占领的内存。用于标志无用变量的宗旨大概会因达成而异,但具体到浏览器中的达成,则平日有四个政策。

  • 标记清除

js中最常用的废料回收措施正是标识清除。当变量步向情形时,举个例子,在函数中声称二个变量,就将以此变量标志为“踏向意况”。从逻辑上讲,永久不能够释放进入情形的变量所占用的内存,因为借使实行流步向相应的遭受,就大概会用到它们。而当变量离开情况时,则将其标识为“离开景况”。

垃圾回收器在运作的时候会给存储在内存中的全数变量都加上暗号(当然,能够选取其余标志格局)。然后,它会去掉情形中的变量以致被境况中的变量援用的变量的符号(闭包)。而在那之后再被添加灯号的变量将被视为计划删除的变量,原因是条件中的变量已经不能够采访到那个变量了。最终,垃圾回收器完毕内部存款和储蓄器清除专门的学业,销毁那四个带标识的值并回收它们所占领的内部存款和储蓄器空间。

到2010年结束,IE、Firefox、Opera、Chrome、Safari的js完成应用的都以符号清除的污源回收战略或看似的方针,只不过垃圾采摘的光阴间距互分化。

  • 援用计数

援引计数的含义是跟踪记录每一个值被援用的次数。当注明了一个变量并将一个引用类型值赋给该变量时,则那个值的援引次数便是1。假诺同二个值又被赋给另二个变量,则该值的引用次数加1。相反,假如带有对那些值援引的变量又获得了此外二个值,则这一个值的引用次数减1。当那几个值的援用次数产生0时,则表达未有艺术再拜候那几个值了,由此就能够将其攻克的内部存款和储蓄器空间回收回来。那样,当垃圾回收器后一次再运维时,它就能够自由那几个引用次数为0的值所占用的内部存款和储蓄器。

Netscape Navigator3是最初采纳援引计数计策的浏览器,但十分的快它就蒙受三个严重的难题:循环援引。循环引用指的是目的A中带有三个对准对象B的指针,而指标B中也暗含三个针对性对象A的援用。

JavaScript

function fn() { var a = {}; var b = {}; a.pro = b; b.pro = a; } fn();

1
2
3
4
5
6
7
8
function fn() {
  var a = {};
  var b = {};
  a.pro = b;
  b.pro = a;
}
 
fn();

以上代码a和b的引用次数都以2,fn()实施完成后,七个对象皆是离开情形,在标识清除方式下是尚未难题的,不过在援用计数战略下,因为a和b的援引次数不为0,所以不会被垃圾回收器回收内部存款和储蓄器,即使fn函数被大批量调用,就能够招致内部存储器走漏

咱俩了然,IE中有部分对象实际不是原生js对象。举例,其DOM和BOM中的对象就是利用C++以COM对象的样式贯彻的,而COM对象的垃圾堆回收机制选拔的正是援用计数攻略。由此,纵然IE的js引擎采纳标志清除战术来实现,但js访问的COM对象依旧是依据引用计数计谋的。换句话说,只要在IE中涉及COM对象,就能够设有循环援用的标题。

JavaScript

var element = document.getElementById("some_element"); var myObject = new Object(); myObject.e = element; element.o = myObject;

1
2
3
4
var element = document.getElementById("some_element");
var myObject = new Object();
myObject.e = element;
element.o = myObject;

以那件事例在一个DOM成分(element)与一个原生js对象(myObject)之间创建了循环引用。个中,变量myObject有三个名称为element的性质指向element对象;而变量element也是有三个属性名字为o回指myObject。由于存在这里个轮回引用,尽管例子中的DOM从页面中移除,它也永久不会被回收。

为了幸免类似那样的轮回援引难点,最佳是在不使用它们的时候手工业断开原生js对象与DOM成分之间的连续几天:

JavaScript

myObject.element = null; element.o = null;

1
2
myObject.element = null;
element.o = null;

将变量设置为null意味着切断变量与它原先援用的值时期的连天。当垃圾回收器下一次运转时,就能够删除这一个值并回收它们据有的内部存款和储蓄器。

1 赞 5 收藏 评论

本文由六合联盟网发布于前端技术,转载请注明出处:垃圾回收机制,Chrome开发者工具不完全指南

关键词: