晚上给朋友写了一个油猴脚本,场景是一个拥有很多输入框的表单,多为经常填写的一些字符串。跟我说了一下,刚好没什么事情,吃完晚饭抽两小时出来简单写了写。

需求是预设多套模板,后期可以自己添加内容,置顶在网页空白处,点击按钮让设置好的文本填充到网页的表单中。

处理起来很简单,我原本打算使用ajax调用json文件,把模板写在json中,这样一目了然便于后期自行添加数据,但是在测试后发现目标网站屏蔽了外部文件,所以放弃这种写法。转而new了一个数组,每个对象就是一套模板,接下来就是简单的循环,写了一个可以缩放的弹窗,然后把交互的按钮绑定点击事件,点击对应按钮就会在网站上填充对面模板的字符串。

流程大概就是这样,结束之后在给他润润色,写一下css代码。总体来说没什么难度,两个小时不到就搞定了。

但是我发现,天天写vue,element写多了,最基础的js有些生疏了,比如数组的操作遍历循环,中间竟然还报错,仔细检查才发现原因,实属不应该。

深刻反省一下自己,基础知识还是要巩固的,不能一味的调用框架,即使它写起来很爽。