评论：angularJS键盘录制功能实现  [查看原文]

厉害！

houxiangpeng0
2018/9/12 15:48:49
多谢，多多交流

后续我会更新融入键盘插件，回放的时候有键盘键入的特效

另外，我有考虑融入PaaS理念的websocket进来，让您亲自感受手机输入内容PC实时响应的效果。

areyouOk0
2017/6/7 12:31:18

非常好，如果输出的数据可以小一些的话就完美了。

houxiangpeng1
2017/6/7 13:56:59

你说的是，其实在设计中期我有考虑过这个问题，当时想的是时间戳记录新增内容，这样可以巨大幅度减少数据。

不过，如果您在输入的时候光标手动点到了字符串中间，比如您先输入“你好”，然后您在“好”中间输入“们”，结果是：“你们好”，但是数据会按照顺序记录新增数据，自动重放的时候就是这样：“你好们”，由于这个录制、回放功能只是心血来潮的想法想实现它，因此就没多花费时间去思考优化的瓶颈问题。

如果各位有啥思路可以提出~

. error0
2017/6/8 9:26:10

回放时文本框变灰应该就可以让输出少点了吧

houxiangpeng0
2017/6/8 15:19:59

@.error

没太理解您说的意思。这个代码在记录的时候对每次输入的内容是做全局记录的，因此数据量会很多，只是我故意将数据量展现给大家看（我完全可以不展现）。我的目的只是想让大家直观的看到该部分代码的实现思路，优缺点看的很明确。

厉害了。貌似好像用不到

houxiangpeng0
2017/6/8 15:25:19

或许在某种情况下可以用的上。

当然，这只是一个想法并且的到了初步的实现，我认为该思路用于记录鼠标的移动轨迹可以可以做到的，记录完毕后重放的时候只需要用一个鼠标样式的“div”来移动重放即可达到效果。

或许，在将来会出现一个全程式引导组件api，您可以自己录制引导过程，而不用代码写死坐标点。

不过，我曾经在我用javascript写的一款非H5的赛车游戏（2D支持拐弯、加速、刹车、摩擦系数等），并且我有用该思路做到了赛车行驶的轨迹记录。

我曾经幻想过，js写出赛车游戏后，可以全过程回放您跑出来的赛道记录 ^ ^.