李恒道 发表于 2023-2-23 21:13:05

[油猴脚本开发指南]我们到底该如何学习油猴脚本编写

不知不觉论坛已经发展许多年了
陆陆续续很多人都尝试过入门油猴
虽然目前的油猴的各种资料相比论坛建立之前已经不可同日而语
但是依然有许多人入门失败
今天主要跟大家聊聊我们到底该如何学习油猴
# 心理建设前提
很多人都喜欢建立一个心理预期,比如我的文章假设100篇,如果我每天看3篇,一个月就学完了所有内容,虽然道理是没问题的,但是这是建立在你是爱因斯坦上的。
该指南是由我艰苦奋斗数年一步一步写出来的,其中有些文章参考了大量的资料而写出,有些复杂的篇目可能花费一两个星期才能产出一篇。
而且还有论坛不同成员参与攥写以及纠正。
试图在短期掌握如果你并没有什么编程基础,是不现实的
所以请放宽心态,徐徐渐进的往前学
要知道
敬畏,是知识的开端;
愚妄的人藐视智慧和训诲。如果目前某些篇目看不懂
可以先放一下
去看看其他的篇目
等以后突然想起来某篇可以解决你眼下的一个小问题的时候
你可能会惊呼奈斯!
# 学油猴需要什么基础
学油猴相当于一个加强版的js环境,同时需要操纵页面
所以需要你有一定的HTML,JS,CSS基础
可以尝试按菜鸟教程进行学习
https://www.runoob.com/html/html-tutorial.html
https://www.runoob.com/css/css-tutorial.html
https://www.runoob.com/js/js-tutorial.html
如果感觉文字版比较枯燥无味
也可以去b站看一些视频版
这个就不做推荐了,基本都是差不多的
但是关于js的方面可以参考MDN,是一个非常标准且亲民的手册
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference
### 如何考察我是否已经及格
请尝试使用该html,通过js来创建dom,实现一个简易的加法计算器
```js
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="main">
    </div>
    <div style="margin-top: 5px;">
      <button class="btn">计算</button>
    </div>
</body>
<script src="./main.js"></script>
</html>
```
实现效果参考
![图片.png](data/attachment/forum/202302/23/205722nb8usoo2btoj2o9i.png)
# 正式学习
如果你已经完成上个小测验
说明你已经初步了解了HTML,CSS,JS
接下来可以尝试进行初步的学习
从第一节看到通过使用GM_addStyle去除网页广告
![图片.png](data/attachment/forum/202302/23/210113mdf9wdm9d9kkkl0d.png)
你将会学会初步的API调用,页面渲染,js的外部引用,如何进行跨域,hook的概念等
到这里可以先停一停
尝试去写一些自己感兴趣的脚本,碰到问题再回来查找论坛是否指南早已经提出并且处理过了
以及是否有人提过类似的问题
大部分的问题其实指南早已经告诉你了答案,其可能性高达97%
只不过你没有经常查阅罢了
如果碰到问题,首先推荐查阅常见误区
[油猴脚本开发指南]基本油猴编程的一些常见误区
https://bbs.tampermonkey.net.cn/thread-835-1-1.html
[油猴脚本开发指南]基本油猴编程的一些常见误区(二)
https://bbs.tampermonkey.net.cn/thread-1537-1-1.html
当你入了门之后,必须要大量的编写脚本来进行知识的巩固和练习
同时学会合理的查阅指南
该指南不仅仅局限于油猴的API方面
同时也在教会你如何更合理的设计代码,以及进行js的代码分析,关于一些概念性东西的理解
所以学不会可以先跳过一些章节,去阅读其他章节的内容
不要气馁要相信只要持之以恒的学习,你一定能摆脱油猴菜鸟的称号
总而言之
经常学习,经常查阅,是学习油猴不可或缺的一步
# 请不要试图造过于通用的轮子
比如要节省操作可以去体验一下jquery库
如果需要监听dom可以试试cxxjackie大佬的库
https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=2726
需要xhr的劫持也可以使用ajaxhook库
https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=3284
不要去试图自己来写复杂性过高的已经实现过的轮子
通过去学习和使用第三方库将会节省你的大量时间以及写代码所付出的精力
# 结语
那么到这里我的碎碎念就结束了~


wwwwwllllk 发表于 2023-2-23 21:38:57

入门感觉其实挺看运气的,运气好,第一个小脚本写成功了,有了自信后面水到渠成。
运气不好,卡住了,算了,我不是这块料。

其实好多人上了大学以后就忘记了自己高中是怎么学习的,一个知识点高中的时候你会来回做无数次,然后到了大学,你听一遍没听懂,就不学了。学编程也一样,光看肯定是不行的。还是要实战。我觉得你可以不要先尝试的写脚本(非程序员),你能很好的利用别人写的脚步都是很牛逼的事,然后你有了编程的基础,你可以看看别人的脚本是怎么写的。论坛里面脚本站其实有好多入门级的脚本。一行代码就能节省劳动力。看懂别人的代码,然后改一下优化一点。慢慢的自己就会写了

李恒道 发表于 2023-2-23 23:22:12

wwwwwllllk 发表于 2023-2-23 21:38
入门感觉其实挺看运气的,运气好,第一个小脚本写成功了,有了自信后面水到渠成。
运气不好,卡住了,算了 ...
这个举例确实很好!
以前学一个知识点翻来覆去练习学习还有补课班
还不一定能及格

结果到了大学看一遍学不会就放弃了

王一之 发表于 2023-2-24 11:08:04

好!指导性文章!

Cupid9527 发表于 2023-2-24 19:24:23

不明觉厉 ggnb{:4_95:}

王一之 发表于 2023-2-24 21:51:17

感觉写文尽量不要啰嗦,一大长串很难让人看下去

朱焱伟 发表于 2023-2-24 23:19:51

油猴布道师了属于是。你说得对,但是你的文章一共只有四个句号。

李恒道 发表于 2023-2-25 12:15:41

朱焱伟 发表于 2023-2-24 23:19
油猴布道师了属于是。你说得对,但是你的文章一共只有四个句号。

=-=语文老师数学教的
看时间长就习惯了!

李恒道 发表于 2023-2-25 12:16:11

王一之 发表于 2023-2-24 21:51
感觉写文尽量不要啰嗦,一大长串很难让人看下去

主要不写的够长很担心又有人不看或者看不懂...
基本想到就补充一下

王一之 发表于 2023-2-25 12:48:14

朱焱伟 发表于 2023-2-24 23:19
油猴布道师了属于是。你说得对,但是你的文章一共只有四个句号。

太细了
页: [1] 2 3
查看完整版本: [油猴脚本开发指南]我们到底该如何学习油猴脚本编写