hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 常见问题 - 正文 君子好学,自强不息!

【常见问题】什么是原位可视化

2019-11-17常见问题搜奇网30°c
A+ A-

顺序员在软件开发的过程当中须要编写、测试、调试、回忆代码。为保证代码的正确性,顺序员必须将代码与顺序运行时状况结合起来。 ( 引荐进修:web前端视频教程)

但现有的手艺,包含调试日记、设置断点等,均与代码在差别的视图中,顺序员在调试顺序时须要频仍地切换视线,这给顺序员带来了极大的累赘,并降低了其调试效力。本文提出可视化直接放入源代码中的手艺用于协助顺序员明白顺序。


本事情主要由两方面相干事情驱动:顺序可视化和调试,以及文本和环境加强。

有关顺序可视化和调试,Python在线指点体系在Python顺序运行时将变量、对象,及栈帧构造可视化。用户能够搜检其顺序在运行时的状况。有关文本和环境加强,Pascal Goffin探究了嵌入在文本中的种种单词大小的图形。

下图是本事情的细致可视化设想:


本事情依据细节级别(细致数据/数据是不是变化)、数据变量范例(值/鸠合),以及时候性程度(快照/时候序列)的差别共设想了10种可视化标记。

比方用户能够经由过程折线图或地平线图视察数值随时候的变化,当鼠标悬停在折线图上时,用户能够看到变量的当前数值。用户也能够经由过程面积图视察鸠合中元素随时候的增减及转变。

如上图,本事情还斟酌了差别安排位置的好坏。

比方行1、2中紧邻代码安排在其摆布会影响此行代码的长度;行3、4中安排在代码高低虽然不会影响此行代码的长度,但会占用分外的一行空间,从而使代码团体长度增进;

行5-8采纳鼠标悬停显现的体式格局,虽基础不会影响代码长度,但可视化标记会覆盖住一部分代码,且请求标记是可变长的;行9-12放至行首行末,看上去虽影响不大,但没法很好应对一行中须要可视化很多数据的情况。总而言之,上文提到的种种要领各有利弊。

在案例剖析中,本事情运用D3.js完成了Vega言语编辑器的加强。起首,运用Monaco API[4]从Vega言语代码中提取令牌(token),接着针对数值变量和鸠合变量完成了5种可视化标记,紧邻置于变量的右边。

作者招募了18名Vega初学者举行测试。每名测试者前后举行原始Vega代码及带有可视化Vega代码的浏览(前后几率均衡),随后针对代码回覆题目。

经统计,测试者整体在浏览可视化的代码时得分更高,且测试者以为此项可视化设想是“有协助的,具有解释性的,较不滋扰浏览的”。

总的来说,本事情提出经由过程原位可视化加强代码的要领协助用户明白顺序运行时的状况,并在Vega言语编辑器上完成了设想。

以上就是什么是原位可视化的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【常见问题】什么是原位可视化

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

本文来源:搜奇网

本文地址:https://www.sou7.cn/281765.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

推荐阅读

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>