背景:由于受到收费的限制,所以我打算自己写一个类似于PlayCode的编辑器,PlayCode支持代码实时反馈,对我来说是很便捷的,可以刷刷算法,并且写错立马知道。
先上github地址:github.com/ACE-wil/Pla…
下面是PlayCode的使用界面,各方面都很好很舒服
这是我的,可以发现明明写了两行console.log()却只显示最后一行输出,这就是我要解决的问题。如何让它像我们正常Chrome F12的调试页面那样显示? 我有尝试去排查,是因为有个清空代码导致。
但是,如果把清空代码删了,内容就会累加,就会有另外个问题,会跟实时输出的实现发生冲突(先忽略我的样式,因为是做的粗糙版),如下:
还有,我发现在执行这个JavaScript代码的时候,控制台的输出是一条一条来的,不是打包在数组或者怎么样的,我原先想的是直接把内容全部执行,然后把输出分割开来一行一行显示不就行了,但并非如此。所以我现在先理一下思路,采用“回合制”,就是代码敲完算一个回合,这个回合就把js代码重头到尾执行一遍,然后把输出结果一个一个存到一个状态,再展示到控制台就行,但这样做不是最佳实践,因为每按一个代码就会调用很多操作,所以我现在再寻求一种优雅的方法。。。。。