晚上给朋友写了一个油猴脚本,场景是一个拥有很多输入框的表单,多为经常填写的一些字符串。跟我说了一下,刚好没什么事情,吃完晚饭抽两小时出来简单写了写。
需求是预设多套模板,后期可以自己添加内容,置顶在网页空白处,点击按钮让设置好的文本填充到网页的表单中。
处理起来很简单,我原本打算使用 ajax 调用 json 文件,把模板写在 json 中,这样一目了然便于后期自行添加数据,但是在测试后发现目标网站屏蔽了外部文件,所以放弃这种写法。转而 new 了一个数组,每个对象就是一套模板,接下来就是简单的循环,写了一个可以缩放的弹窗,然后把交互的按钮绑定点击事件,点击对应按钮就会在网站上填充对面模板的字符串。
流程大概就是这样,结束之后在给他润润色,写一下 css 代码。总体来说没什么难度,两个小时不到就搞定了。
但是我发现,天天写 vue,element 写多了,最基础的 js 有些生疏了,比如数组的操作遍历循环,中间竟然还报错,仔细检查才发现原因,实属不应该。
深刻反省一下自己,基础知识还是要巩固的,不能一味的调用框架,即使它写起来很爽。