杂谈技术·油猴脚本的功能实现

投稿地址：

https://www.bilibili.com/read/cv15714192

原文简介

核心原理
核心原理其实超级简单，简单说就是通过DOM技术找到网页上面的关键点，然后将网页上的页面元素改编。最后提交表单。

这种操作仅仅只是在客户端上进行了改变，不会危害到整个计算机系统。

然后是核心原理的细节补充，细节就是，将用户的账号密码等数据保存在本地的存储之中（具体您可以看相关代码）

然后当第一次打开NNU-ZB的时候，首先检查本地存储有没有用户的账户信息，如果没有用户的账户信息，那么就说明用户是第一次使用脚本，需要让用户去登录一下信息。

然后再将刚刚用户填好的信息一方面存储进本地存储，一方面存储在脚本的变量之中。

然后就是Main（）函数的登录环节。

这个过程也很简单。

那就是将用户的Account和Password都填写进相应的位置。

然后再模拟点击“登录按钮”即可

当然为了优化用户体验

我们还需要设计一套UI界面

但是我水平很菜，只学习了两天油猴脚本的编写，很多高级的JQuery我好像还用不上去

我就用最原始的方法，不停的向html里面加入我自己设计的UI

您可以在我的代码函数InitPanel()中看我写的超级长的代码，但是真的没有什么难度，毕竟其实一份代码的优秀其实和代码长度没有什么关系。

然后最后向您介绍的是自动关闭系统，我学习了Unity引擎的设计思想，我自己写了一个每隔1s就会执行一遍的Update函数。

不得不说，真香，就是感觉有点费性能QAQ

现在，大部分设计已经向您讲完，具体实现在代码之中，别担心，代码中有很多注释，妈宝级别的注释代码。 作者：大千小熊 https://www.bilibili.com/read/cv15714192 出处：bilibili