油猴子从入门到喵喵喵喵(实例:9/9 完结)

【本文为付费内容,如您尚未付费请点此】

【返回目录】 | 【上一章 如何使用油猴子】

油猴子用什么写

校对完成,更新时间:2020-07-23 10:05:56

这部分内容前面基本都已经说到了,语言就是 JavaScript,然后我们还要有浏览器,浏览器里要安装脚本管理器。

JavaScript

这是个什么东东呢,是用来控制网页的一种语言,网页能够和读者产生交互,基本都是靠它。

以前的网页很简陋,网页上一些基本的元素,这些元素能够产生的动作都是固定的,你去操作这些元素,就会把你的操作反馈给服务器,然后做出相应的反应。但是每一个动作都要向服务器请示,这一来一回耗费的时间就比较长,对于服务器来说负担也很大。于是就给网页加入了一些自主权,能够自己去完成一些简单的基本动作,这就是靠 JavaScript 来进行控制了。

但怎样才算简单和基本呢?这并没有一个明确的标准。那极限一点,如果这件事情没有绝对的必要向服务器进行反馈,就让它在浏览器里去进行,这样服务器的压力得到了极大的缓解,而用户也感受到响应速度得到了很大的提高。在大部分情况下这都挺美好的,于是事情难免就向着这个方向发展下去了。所以现在 JavaScript 可以完成的事情非常多,差不多我们对网页的各种想象都可以借助它来实现。

这东西很强,并且对我们有用。那接下来的问题就是:

  • 它好学吗?
  • 怎么去学?

它好学吗?

它并不好学,更确切的说,如果你没有基础想入门编程,这并不是一件很容易的事情。这个问题前面我们已经讲到过了,但是你也不用急着逃跑。谁也没有说我们必须把它完整学会,并在专业考试中起码拿到及格的成绩,才能够去应用它。

学英语,必须要学到能够流利对话才有价值吗?我就认识 Men,好,找厕所的时候能少一些尴尬了。再想一想我们日常遇到的一些需要英文的情景,大部分用小学的词汇量就可以解决,这个要求真的不算高,但也真的方便了一些,或者讲少了一些障碍。

那编程也是,我就会写那么三两句,当然努力一下,我觉得学个二三十句应该不太难吧。再掌握两三个套路。咱就不求甚解的学,把它背下来,知道能够做什么用,能照猫画虎,完成这点小目标对谁来说都没有多大难度。

那个还是觉得很头疼的家伙,咱们能做个笔记吗?对,写代码又不是考试,你知道这个问题,学过它的解决方法,然后去拿出笔记,照着答案把问题解决一下。这还做不到么?

所以我就不明白有什么理由可以拒绝学习编程。

确实会的少,解决不了什么大问题。英文水平都不足以和人对话,简单的对话也不行,因为就算我说得出来,还听不懂呢,何况我的发音还都不标准。但并不意味着我的英文不能解决我面对的各种小问题,language,这个单词我认识,因为有点长,我真的不会拼写,刚才写下来还是因为输入法有自动提示。在面对一个英文的软件或者网站,我去寻找这个单词,说不定就能够把它的界面切换成我熟悉的中文,然后我就可以快乐的去使用了呀~

编程也是一样的,别上来把目标定的那么高,你会发现每学一点儿就能收获一份成就感,一直都是很开心的样子,有什么难不难的?

怎么去学?

很显然的,这么复杂的一种语言我从零开始讲,把它完整的讲完,这份教程写成书的分量应该绝不小于现代汉语词典。我知道你肯定不想读这种大部头,不过很幸运,小老鼠也讲不出这么厉害的内容来。

如果真的有兴趣,去了解一下什么是变量常量,什么是字符串,布尔型,数组和对象。再知道一下如何用 if 去做判断,用 for 去做循环。那就可以拼拼凑凑的去解决好些问题了,是的,代码不优雅,但它可以用啊。

如果想系统的学习,就去 MDN( Web 开发技术 | MDN )去啃吧。大部分内容都是有中文的,虽然我很建议大家去努力阅读英文,但不是说中文就不可以看,而且这里内容的质量要比其他网站高的多,也更加准确。

确实内容很多,但也没有谁要求把它们都读完,看了一个新的知识点,然后想想怎么用起来,这才是有趣的事情。什么都背下来,最后不也就是部词典吗?上面也说了,又不是考试,我随时可以翻阅文档,那都背下来就毫无意义。

什么才有用呢,知道我们能够做些什么,这样在需要的时候,我们才能够过来查找。在了解编程之前,很多用户对于电脑上的一切是没有想象力的,在他们的眼里,只有有和没有。软件或者网站给了这个功能那就使用,没有就没有办法使用。有,但是不好用那就只能忍受。因为不了解这些事情是可以发生改变的,所以也从来没有向改变的方向去做过思考。

我们不知道脚本的能力,也就无法思考,如何用脚本来解决我们当前面临的问题。所以阅读文档是让我们先积累对它的了解,然后遇到问题的时候再思考可以将哪些功能结合在一起,然后让事情产生改变。

上面是找到可以抄的作业,接下来就是抄作业的能力。

抄作业并不是毫无技术含量的,如果你对这项内容非常了解,那么在抄作业的过程中就能顺带修正一些细微的错误,然后虽然你是抄作业,但是你的成绩比用心写作业那位同学还高。

文档中对于每一个功能的使用基本都有示例的代码,这可是明明白白的把作业摆在这里,任人抄了。但是我们还是需要对基本的语法有所了解,知道一些套路,然后学会去进行调试,并且有耐心不断的修正代码。

可不是在开玩笑,我见过国内好多网站提供的开发文档,给出的示例代码,本身就是有错误的。而且随着技术的不断更新,这些文档尤其是非常复杂的文档,难免有滞后,所以问题总是存在的。

现在我说的你大概都能听得懂,但是又不是那么理解,所以我来帮你整理一下:

  • 第 1 步:无论是否真的能够理解,先认真的去了解一下基本的语法,然后一点点基础的概念和语句。放心,它们很简单,你都看得懂,但一定记得在看懂之后动手尝试一下;
  • 第 2 步:学会几个基本的套路先应用起来。虽然不一定真的能够解决你面对的实际问题,但每次成功都会带来很大的快乐,有兴趣,有信心,这才能够走得更远;
  • 第 3 步:多翻翻文档,哪怕只是对每个内容看一下简介,但能够了解一下都有哪些东西,用得到的时候就可以过来找;
  • 第 4 步:遇到问题,想起需要的那个功能,找到它认真的去读,耐心的尝试。最开始这样做,可能很不容易,很花费时间,但最多经历了三次,你就会发现原来总是那些套路,而自己遇到的问题也越来越少了
  • 第 5 步:随着时间慢慢积累吧,说不定产生兴趣之后,你就会主动的去积极钻研这些东西了呢。

其他语言

只有 JavaScript 还不够,无论是要对页面进行修改还是在页面中添加内容,或者只是对页面中的元素进行匹配,这都需要对 HTML 和 CSS 有所了解。实际上就是整个前端的完整技能树……唔,也可能包含后端的知识。

这范围好像太庞大了点。但也不用紧张,这就好像修理汽车,确实需要对汽车的各个部件有所了解,但并不要求能够制造出每个部件来。

而我们现在只能算修车的学徒,老板说你也干不了别的,就先擦擦玻璃吧。那这个要求就更低了,我只要认识什么是玻璃就好。

浏览器

Chrome 吧,反正现在各家的浏览器,都在向着它的方向发展。那它基本上就是行业的现实标准了。如果脚本兼容 Chrome,那在大部分环境下也都可以正常使用。当然你有其他具体的情况再具体进行分析。

脚本管理器

Tampermonkey 和 Violent monkey 之间随便选择一个就好。或者两个都用用(但不是同一浏览器下同时开启,看它们掐架),然后选择一个自己觉得顺手的。

编辑器

要书写脚本,就需要使用一个顺手的编辑器。

脚本管理器里一般都自带编辑器,上面说到的两款,它们内置的编辑器还都挺强大,如果是崭新的新手,直接使用内置编辑器就可以了,挺方便的。这里要提示一点:使用前先查看编辑器的各种快捷键,真的能够带来好多便利,而且就算咱们脚本写得不怎么样,快捷键用的溜也显得很帅气的样子。

如果你有编程基础,那很可能已经有了自己使用顺手的编辑器。而且本地编辑器对于代码提示和查错都有更好的体验,书写起来会更加舒服。如果你也想使用本地的编辑器,但对此并不很了解,我推荐使用微软的 VS Code。这个编辑器对前端十分友好,借助它的代码补全,你可以少去记忆许多单词(就是因为这,我现在忘掉的单词越来越多了);而且当你代码中有明显的语法错误的时候,它都会及时地标示出来,这样不需要到测试的时候再去发现。我就不再展开描述了,毕竟编辑器的使用也足够再去写一个中篇了。不过好消息是这个编辑器可以开箱即用,安装之后什么都不去考虑,直接使用也是非常好用的。

本地脚本

使用自己的编辑器,就会遇到一个很实际的问题,怎么把自己书写的脚本和脚本管理器里的脚本互通。

有一个最粗暴的方法,写完之后复制过去。不瞒大家说,大部分时候我自己使用的就是这个方法。如果是简单的东西写完之后,没有错误复制过去直接使用了,那也没有什么不方便的地方。甚至我真的觉得还挺直观的。

但如果需要进行调试,那就会变得非常糟糕。复制过去,一运行,出错了。在编辑器里修改,然后再复制过去,再运行。有时候为了尝试一些东西,改个十次八次,不算什么大事情。但是想想反复复制粘贴,这样机械的操作就让人很烦。

简单的方法就是你保存在本地的脚本,其实可以直接拖拽到浏览器进行安装。安装之后这个页面并不要关闭,每次对脚本进行修改,就回来刷新一下这个页面,重新确认安装,就相当于对这个脚本进行了升级,这样操作的体验可能更顺畅一点。

但上面的方法要求你必须给脚本管理器访问本地文件的权限。如果你发现文件拖入浏览器,会被当成文本直接显示,那很可能就是没有赋予脚本管理器这个权限,导致它并不能够访问到这个文件。

还有一种方法,网络上发布的脚本其实就是把文件放到网络上。那我们在本地建一个服务器,把文件放在上面不也是一样的么。所以在本地开一个 http 服务器,然后再通过浏览器去访问其中的文件,也可以实现同样的效果,这个通用性要更强一些。如果你不知道有哪些在本地开启 http 服务的工具,可以尝试一下这个浏览器扩展 https://chrome.google.com/webstore/detail/ofhbbkphhbklhfoeikjpcbhemlocgigbWeb Server for Chrome – 用 Chrome 充当临时 HTTP 服务器)。

如果调试的次数真的非常多,那么上面的方法,你还是会觉得有些麻烦。我们还可以再进一步,将脚本的更新地址设置为刚才自己开的这个服务器中的文件地址,这样我们直接在脚本管理界面点一下这个脚本的更新按钮,本地的脚本同步过来了。这个方式肯定是最顺畅的,但它需要开服务器和修改更新地址,如果只是简单的一两次调试,就有些不值当。

所以根据自己的实际情况,去选择一个舒服的方式喽。

如何设置脚本的更新地址,这个问题我们在下一章会讲到。

【返回目录】 | 【下一章 油猴子的基本格式】