JavaScript可视化运行工具推荐

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.9k 收藏 7
点赞数
分类专栏： js 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012994531/article/details/121792942
版权

1.ES5可视化

地址：http://latentflip.com/loupe/
这个是Philip Roberts在JS大会上讲Event Loop时做演示的网站（大佬自己开发的，React还是0.12版本）。

2.事件循环、执行栈和任务队列可视化

地址：https://www.jsv9000.app/
这个宏任务、微任务，自带例子，也可以自己编辑，不过超过5s的例子就不行

3.JavaScript Visualizer

地址：https://tylermcginnis.com/javascript-visualizer/
Tyler Mcginnis大佬的Advanced JS课程配套的可视化工具，只能用ES5语法。

4.JavaScript Tutor

地址：https://pythontutor.com/javascript.html#mode=edit
JS运行可视化 (也可以可视化运行 Python2, Python3, Java, JavaScript, TypeScript, Ruby, C, and C++ code)

新世界与老世界
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一道很难的promise题目
codingWeb的博客
03-07 821
上篇文章讲了promise的实现，这篇则结合题目让你对promise有个更深入的认识： 为了能让大家有个更直观的认识，会使用到https://www.jsv9000.app/这个工具，它能可视化出异步任务执行的整个过程 题目1： 简单，相信都能答出 Promise.resolve().then(() => { console.log(0) return 'aaa' }).then(res => { console.log(res)
VisualizerJS:画布可视化库
06-06
VisualizerJS Canvas 可视化库，最初是我的 Soundcloud 收音机的一部分，但决定将其作为一个单独的库推出。 ＃＃＃要求 节点 0.10.18 ###安装 克隆这个 repo 并安装依赖项。 然后用 Browserify 构建 npm install npm run minify 用法： var viz = new Visualizer(); viz.init({dataStream: yourdatastream,container: 'cont'}) .barGraph({bgColor:'#000000',color:'#235478'}) .start(); 应用程序接口： 功能 选项 在里面 容器：画布容器的 id 数据流：要可视化的数据数组 条状图 bgColor：背景色 颜色：前景色 宽度：条宽 开始 ###添加自己的可视化功能
js-visualizer-9000-server:一个NodeJS应用程序，该应用程序生成事件以可视化JavaScript的事件循环
05-05
JavaScript Visualizer 9000服务器 为提交的代码产生事件。 客户的回购在。 例如，收到此输入代码后： function logA ( ) { console . log ( 'A' ) ; } function logB ( ) { console . log ( 'B' ) ; } function logC ( ) { console . log ( 'C' ) ; } function logD ( ) { console . log ( 'D' ) ; } // Click the "RUN" button to learn how this works! logA ( ) ; setTimeout ( logB , 0 ) ; Promise . resolve ( ) . then ( logC ) ; logD ( ) ; // N
cornelius:同类群组可视化工具
06-30
科尼利厄斯 一个简单的群组可视化库 安装 只需包含css和js文件。 应用程序接口 您可以在阅读完整的文档 运行测试 安装依赖 $ npm install 运行测试 $ npm test 执照 版权所有 (c) 2013 Restorando 麻省理工学院执照 特此授予任何人免费获得本软件副本和相关文档文件（“软件”）的许可，不受限制地处理本软件，包括但不限于使用、复制、修改、合并的权利、发布、分发、再许可和/或出售软件的副本，并允许向其提供软件的人员这样做，但须符合以下条件： 上述版权声明和本许可声明应包含在软件的所有副本或重要部分中。 该软件“按原样”提供，不提供任何形式的明示或暗示的保证，包括但不限于适销性、特定用途的适用性和不侵权的保证。 在任何情况下，作者或版权持有人均不对任何索赔、损害或其他责任承担任何责任，无论是在合同诉讼、侵权行为或其他方面，由软件或软件的使用
AGViewer:Agens系列的图形可视化工具
04-29
AGViewer的目标 AGViewer是用于AgensGraph或Apache AGE的图形可视化工具。 推荐节点版本和安装模块 节点js 14.16.0 npm安装pm2 如何使用这张图片 docker run \ --publish=3001:3001 \ --name=agviewer \ bitnine/agviewer:latest 如何使用命令运行 npm run setup npm run start 如何使用命令进行构建 npm run setup-backend npm run build-front pm2 stop ag-viewer-develop pm2 delete ag-viewer-develop pm2 start ecosystem.config.js 执照 AGViewer已获得Apache许可证2.0版的许可。 有关完整的
cdeye:CDI 可视化工具包
06-16
CDI 可视化工具包 关于 CDEye是的可视化工具包。 它包括： 一个 CDI，提供对 CDI 部署元数据的访问， 一系列打包为 WAR 的 RESTful Web 服务，可移植到任何公开这些元数据的兼容运行时， 一个 HTML5 前端，使用和来布局和显示依赖注入图以及结构。 例子 以下交互式可视化是为库自动生成的，您可以单击它以查看它的运行情况： 另一个为更复杂的部署自动生成的可视化，只需等到布局收敛： 执照 版权所有 :copyright: 2014-2015, Antonin Stefanutti 在 Apache 软件许可证 2.0 下发布，请参阅许可证
js-visualizer:一个 HTML5 JS 音乐可视化实验
07-07
js-可视化工具 js-visualizer 是一个 HTML5 / Javascript 可视化实验。 受到这个非常棒的代码笔的启发： ://codepen.io/soulwire/pen/Dscga 终于来了： Spotify 整合 非常花哨的背景资料 目前，从这些教程和项目中观察/分析了很多代码： : 很快他们所有的代码都将被转换/删除 由 Jonny Krysh 撰写（GitHub：@jonnykry） 暂时使用： 将 .mp3 文件放入“audio”文件夹并将文件重命名为“test.mp3”
JavaScript事件循环
宁静致远
04-06 1142
深入潜出JavaScript事件循环，js的执行机制，宏任务和微任务
50 多个提高前端人效率的工具、网站和书籍整理
大灰狼的小绵羊哥哥的博客
04-02 404
本文包含了在线编译，在线编辑、实用工具、可视化工具、各种前端电子书等50多个网站，快放到你的收藏夹吃灰吧 如果你看到最后了，记得给我一个免费的赞哦 在线编译（编辑）、playground JS 代码混淆 www.jsfuck.com/ 嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次 SCSS 转 CSS 在线编译 www.sassmeister.com/ 有时候写一些比较复杂的 SCSS 逻辑时，遇到不生效的问题，可能需要看一下编译出来的 CSS 代码是什么样的，
js编译、执行上下文、作用域链
foreverzwl
05-12 783
在函数对象被创建时，将所在的词法环境记录到[[Environment]]，借此在函数被调用进而创建词法环境时，将[[Environment]]的值赋给outer，使得词法环境的outer指向外部词法环境，由此形成链式结构，这就是ES6之后的作用域链。从词法环境角度来说，闭包是函数和声明该函数的词法环境的组合。，函数执行上下文的词法环境中，outer记录了外部词法环境的引用，而外部词法环境中的outer又记录了对其自身的外部词法环境的引用，由此形成了一个链式结构，这就是ES5.1规范中的作用域链。
cimo 前端组件库
cimo的博客
05-10 364
修改下载文件名 /** * 保存 * @param {Blob} blob * @param {String} filename 想要保存的文件名称 */ function saveAs(blob, filename) { if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveBlob(blob, filename) } else { const link = document.createElement('a'
js-bitwise-visualizer:一个简单的应用程序，用于可视化JavaScript中的按位操作
03-20
js-bitwise-visualizer:一个简单的应用程序，用于可视化JavaScript中的按位操作
js-visualizer
04-29
JS音频可视化器 简单的音频可视化程序，该可视化程序使用Web音频API通过分析器传递音频源以显示一些很酷的图形。
PromiseVisualizer:JavaScript的可视化调试承诺
05-08
PromiseVisualizer JavaScript许诺的视觉调试。 自从我创建了这个项目以来，我已经看到了看起来更好的东西： 。 演示版 特征 Shim本机promise和流行的promise库收集遥测。 （进行中） 可用于填充未知承诺函数的函数 自动填充本机Promise，Q和WinJS 显示每个承诺信息：创建时间和堆栈，解析时间，堆栈和值，然后显示连接。 （进行中） 绘制诺言和诺言解决状态之间的然后连接图。 （进行中） 在图形上倒带并重播promise事件。 书签，可轻松在任意网站上进行调试。
alicemq:RabbitMQ可视化工具
05-11
AliceMQ-RabbitMQ可视化工具 我们使用RabbitMQ管理插件API查询多个端点：概述，队列，交换，绑定，通道-然后解析数据并将其重新传输到D3.js / React应用中。 该应用程序旨在专注于流入系统的流量，并显示哪些交易所...
基于Golang开发的RedisFox可视化监控工具开源代码
03-25
- 界面友好，易于操作，通过可视化界面直观展示Redis运行状态 - 开源项目，可根据需求自由定制和扩展功能 RedisFox致力于成为Redis监控领域内的优秀开源解决方案，助力Redis用户更高效地管理和维护数据库。
vtkjs一个Web上的可视化工具包
08-08
vtk.js：一个Web上的可视化工具包
数据可视化.zip
04-20
ECharts 是一款由百度开发的、基于 JavaScript 的开源数据可视化库，它提供了丰富的图表类型和高度的可定制性，以帮助开发者轻松创建交互性强、美观且响应迅速的数据可视化界面。ECharts 支持在各种现代浏览器（包括...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 658
步骤很详细，直接上教程……
neo4j+springboot+vue+d3.js知识图谱构建和可视化运行
04-30
neo4j是一个优秀的图形数据库，可以方便地存储和处理图形数据。springboot是一种流行的Java开发框架，可以轻松地集成各种组件。Vue是一个流行的JavaScript框架，用于构建现代化的Web应用程序。D3.js是一个用于数据可视化的JavaScript库，它可以用来创建各种漂亮的图形和可视化方式。 通过结合neo4j、springboot、Vue和D3.js，我们可以轻松地构建和可视化运行知识图谱。我们可以使用neo4j来存储和查询各种实体和关系，比如人物、组织、事件等。使用springboot可以编写Java代码来连接数据库、处理查询和构建Web服务。Vue框架则可以用来构建前端页面和组件，以便用户可以通过Web浏览器和服务之间进行交互。D3.js库可以用来构建各种图形和可视化效果，以便用户可以更好地理解和探索知识图谱的数据。 为了构建知识图谱，我们需要首先定义实体和关系的模型，并使用Cypher语言来插入数据和查询数据。然后，我们可以通过springboot将数据库连接到Web服务，为用户提供API接口来查询和遍历图谱。最后，我们可以使用Vue框架来构建可交互性的前端页面，展示图谱和与用户进行交互。D3.js库可以用来构建各种图形和可视化效果，如力导向图、树状图、矩阵图等，以显示节点和关系之间的复杂关系。 总之，结合neo4j、springboot、Vue和D3.js可以轻松地构建和可视化运行知识图谱。这些工具和框架都具有丰富的功能和强大的生态系统，可以大大简化开发过程，快速构建高效、美观和易于扩展的知识图谱应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值