tampermonkey 代码规范与组织结构

更新日期: 2021-01-02 阅读次数: 2841 字数: 275 分类: Tampermonkey

修改几年前给媳妇写的一个 tampermonkey 自动挂会计网校学时的插件。由于只是网校的页面做了些许修改,其实代码需要调整的地方不多。但是发现已经看不懂了,逻辑混乱,无从下手。

赶上元旦假期,时间充裕,所以思考了一下,怎样组织 tampermonkey 的代码,可读性更高,最好能形成代码规范,以后再调整时,可以瞬间秒懂。

代码结构

分成三大部分,之间用注释块隔开。

  • 全局配置变量
  • 自动逻辑。引入类 route 机制,多页面逻辑清晰。
  • 公用函数

多文件还是单文件

例如要在一个网站里,多个页面间跳转,还是单文件比较好。原因:

  • 逻辑清晰
  • 函数可复用

可复用代码

还是做 vim snippet 开发效率高。

  • 初始框架
  • 常用代码,例如点击处理,便利表格等

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式