JavaScript堆内存分析新工具：OneHeap

OneHeap 关注于运行中的 JavaScript 内存信息的展示，用可视化的方式还原了 HeapGraph，有助于理解 v8 内存管理。

JavaScript 运行过程中的大部分数据都保存在堆 (Heap) 中，所以 JavaScript 性能分析另一个比较重要的方面是内存，也就是堆的分析。

利用 Chrome Dev Tools 可以生成应用程序某个时刻的堆快照 (HeapSnapshot)，它较完整地记录了各种对象和引用的情况，堪称查找内存泄露问题的神器。 和 Profile 结果一样，快照可以被导出成 .heapsnapshot 文件。

上周发布了工具 OneProfile ， 可以用来动态地展示 Profile 的结果，分析各种函数的调用关系。周末我用类似的思路研究了一下 .heapsnapshot 文件，做了这个网页小工具，把 Heap Snapshot 用有向图的方式展现出来。

OneHeap 名字的由来

There are only two hard things in Computer Science: cache invalidation and naming things. -- Phil Karlton

目前还没有时间想一个高端、大气、上档次的名字，因为我供职的公司名叫虎网科技 ( 省去软广1000字，总之做性能监控很牛)，所以就取名 OneHeap 啦。 它是 Toolkit 里的第二个。

如何生成 Heap Snapshot 文件

使用 Chrome 打开 测试页面 按 F12 打开 Devtools，切换到 Profiles 页，选择 Take Heap Snapshot。稍等片刻，在生成的 Snapshot 上点击右键可以导出，文件后缀一般是 .heapsnapshot。

Node.JS

如果你是 Node.JS 工程师，可以安装 heapdump 这个很有名的模块。

https://github.com/bnoordhuis/node-heapdump

上面两种方法都可以生成 .heapsnapshot 文件，这个是用来测试的 nodejs.heapsnapshot

理解 .heapsnapshot 文件格式

打开测试用的 nodejs.heapsnapshot 文件，这是一个很大的 JSON 对象：

snapshot 属性保存了关于快照的一些基本信息，如 uid，快照名，节点个数等

nodes 保存了是所有节点的 id，name，大小信息等,对应 v8 源码里的 HeapGraphNode

edges 属性保存了节点间的映射关系，对应 v8 源码的 HeapGraphEdge

strings 保存了所有的字符串， nodes 和 edges 中不会直接存字符串，而是存了字符串在 strings 中的索引

堆快照其实是一个有向图的数据结构，但是 .heapsnapshot 文件在存储的过程中使用了数组来存储图的结构，这一设计十分巧妙而且减少了所需磁盘空间的大小。

nodes 属性

nodes 是一个很长一维的数组，但是为了阅读方便，v8 在序列化的时候会自动加上换行。按照 v8 版本的不同，可能是5个一行，也可能是6个一行，如果是 6 个一行，则多出来的一个 trace_node_id 属性。

从越南胡志明市到金边旅游有哪些体验

    越南胡志明市和柬埔寨金边是两个热门的旅游目的地，每年都有大量的游客前往这两个城市旅游。从越南胡志明市到金边旅游，游客可以体验到丰富多彩的文化、历史和自然风光。本文将介绍从越南胡志明市到金边旅游的体验，帮助游客更好地了解这两个城市。 体验越南胡志明市的文化 越南胡志明市是一座充满活力的城市，拥有丰富多彩的文化。游客可以参观的胡志明市历史博物馆，了解越南历史文化，欣赏精美的古代建筑，如宋家庙、维多利...

       网站被百度降权了怎么办 网站被降权了怎么解决 本文摘要：本文简单介绍了网站被降权的原因及网站被降权了怎么解决。请阅读者摆正心态，其实网站被百度降权并不是天大的事情。认真执行文章中提及的网站被降权了怎么解决的步骤，那你网站失去的必会回来。如果浏览完了还有不懂的地方，请来长沙网站建设(火星网络工作室)在线交流。 本文正文： 现在百度搜索引擎的算法一变再变，已经越来越严格。早几天就有好几个客户打电话来咨询：“网站咋被百度降权了？” 这个是个值得SE...

       南山埃米斯印刷设备与虎网科技签署网站建设合约 埃米斯在深圳市南山区马家龙工业区18栋2楼。埃米斯是经深圳市南山区工商局审核的正规企业，统一社会信用代码：香港公司。埃米斯选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 　　埃米斯工厂成立于2001年。2011年，另一家工厂成立。目前工厂有30人。生产设备包括：6台绕线机、1台定型机、1台梳理机、7台打捆机。4台定型机。在工厂的早...

       丽水龙泉科朗汽车汽配与虎网站签约网站建设合约 科朗坐落于丽水市龙泉市回归工程龙康路1号。科朗选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。科朗是经丽水市龙泉市工商局审核的有资质公司，统一社会信用代码：91331181794383890W。 　　公司专业生产各种汽车雨刮器及雨刮钢片，注重技术研发和创新，不断改进和提高生产技术，机器换人为企业注入了新的活...

       宝安云显LED屏与虎网站签约做网站项目 云显是经深圳市宝安区工商局审核的有资质公司，统一社会信用代码：91440300359848200B。云显在深圳市宝安区石岩街道水田工业区174栋。云显选用虎网站企业商务型网站案例，其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化，不管是内页还是标题都能够独立和个性化设置关键词和长尾词，更适合进行全站seo优化。 　　云显拥有过硬的技术服务团队和高品质的生产制造能力，产品主要包括：高...

       西安网站建设前期需做好优化铺垫 当我们在建设网站的前期中，就应该做好网站的优化铺垫工作，那么都包括哪些呢？接下来由西安网站建设公司小编针对此问题为大家进行一下详细的阐述！ *先大家一定要做好网站中的url静态化，因为静态的页面更为稳定，易于收录，而动态的网站会被认为是有新动态更新的站点，这样的站点会被认为是拥有较新价值内容的网站，所以会得到较高的权重。但是我们要知道的是，搜索引擎喜欢动态的网站，喜欢静态的页面。 大家都非常重视网...