【油猴脚本开发教程】文章索引

博主： Chr
发布时间：2021 年 10 月 19 日
6386 次浏览
2 条评论
1395字数
分类：学习笔记

前言

之前写过一篇教程，那个时候经验有限，很多地方讲的不是很明白

所以这是一篇重制版教程

计划每周一更，每次30min左右，大纲讲完以后会讲解一些例程

教程大纲

大概会涉及到的内容，顺序未定

开发环境配置（P0 文章视频）
- VS Code
- Git 使用基础
- 远程 Git 仓库
脚本分发（P0 文章视频）
- Greasyfork 使用
- 使用 WebHook 自动更新
开发者工具简介（P1 文章视频）
- 元素
- 控制台
- 源代码
- 网络
- 应用
JavaScript基础（P1 文章视频）
- 变量与常量
- 作用域
- 数据类型与类型转换
- 执行流
- Window 对象
- Document 对象
- Node 对象
- Element 对象
初识油猴脚本 (P2 文章视频)
- 两个简单的脚本源码解析
油猴脚本组成 (P2 文章视频)
- 元信息
- 脚本
DOM 元素操作
数据持久化 localStorage
自定义 CSS
油猴脚本组成
- 元信息
- 脚本
- 库
CSS选择器与XPath语法基础
DOM元素操作
Event事件
数据持久化
序列化与反序列化
自定义CSS
库的使用与开发
正则表达式基础
同步函数与异步函数和并发
网络请求（XHR/Fetch）
油猴API
开发实战……

联系方式

有任何问题直接留言或者私信即可

博客留言（Chrxw.com）

B站私信（Chr_@5805394）

电子邮件（[email protected]）

本文链接：https://blog.chrxw.com/archives/2021/10/19/1623.html
转载请保留本文链接，谢谢

最后修改：2022 年 08 月 17 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏

2 条评论

李策
2023年07月20日 16:38:47

这是鸽了啊。

回复
1. Chr
  2023年07月20日 17:02:03
  
  @李策
  
  确实，最近半年已经不做js开发了，不过有问题可以发邮件咨询，尽量帮解决
  
  回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

【油猴脚本开发教程】文章索引

Chr • 2021 年 10 月 19 日

<h2>前言</h2>
<p>之前写过一篇教程，那个时候经验有限，很多地方讲的不是很明白</p>
<p>所以这是一篇重制版教程</p>
<p>计划每周一更，每次30min左右，大纲讲完以后会讲解一些例程</p>
<h2>教程大纲</h2>
<blockquote>
<p>大概会涉及到的内容，顺序未定</p>
</blockquote>
<ul>
<li>
<p>开发环境配置（P0 <a href="https://blog.chrxw.com/archives/2022/08/01/1674.html">文章</a> <span class="external-link"><a class="no-external-link" href="https://www.bilibili.com/video/BV1Da411Z7s7" target="_blank"><i data-feather="external-link"></i>视频</a></span>）</p>
<ul>
<li>VS Code</li>
<li>Git 使用基础</li>
<li>远程 Git 仓库</li>
</ul>
</li>
<li>
<p>脚本分发（P0 <a href="https://blog.chrxw.com/archives/2022/08/01/1674.html">文章</a> <span class="external-link"><a class="no-external-link" href="https://www.bilibili.com/video/BV1Da411Z7s7" target="_blank"><i data-feather="external-link"></i>视频</a></span>）</p>
<ul>
<li>Greasyfork 使用</li>
<li>使用 WebHook 自动更新</li>
</ul>
</li>
<li>
<p>开发者工具简介（P1 <a href="https://blog.chrxw.com/archives/2022/08/08/1678.html">文章</a> 视频）</p>
<ul>
<li>元素</li>
<li>控制台</li>
<li>源代码</li>
<li>网络</li>
<li>应用</li>
</ul>
</li>
<li>
<p>JavaScript基础 （P1 <a href="https://blog.chrxw.com/archives/2022/08/08/1678.html">文章</a> 视频）</p>
<ul>
<li>变量与常量</li>
<li>作用域</li>
<li>数据类型与类型转换</li>
<li>执行流</li>
<li>Window 对象</li>
<li>Document 对象</li>
<li>Node 对象</li>
<li>Element 对象</li>
</ul>
</li>
<li>
<p>初识油猴脚本 (P2 <a href="https://blog.chrxw.com/archives/2022/08/17/1687.html">文章</a> 视频)</p>
<ul>
<li>两个简单的脚本源码解析</li>
</ul>
</li>
<li>
<p>油猴脚本组成 (P2 <a href="https://blog.chrxw.com/archives/2022/08/17/1687.html">文章</a> 视频)</p>
<ul>
<li>元信息</li>
<li>脚本</li>
</ul>
</li>
<li>
<p>DOM 元素操作</p>
</li>
<li>
<p>数据持久化 <code>localStorage</code></p>
</li>
<li>
<p>自定义 CSS</p>
</li>
<li>
<p>油猴脚本组成</p>
<ul>
<li>元信息</li>
<li>脚本</li>
<li>库</li>
</ul>
</li>
<li>
<p>CSS选择器与XPath语法基础</p>
</li>
<li>
<p>DOM元素操作</p>
</li>
<li>
<p>Event事件</p>
</li>
<li>
<p>数据持久化</p>
</li>
<li>
<p>序列化与反序列化</p>
</li>
<li>
<p>自定义CSS</p>
</li>
<li>
<p>库的使用与开发</p>
</li>
<li>
<p>正则表达式基础</p>
</li>
<li>
<p>同步函数与异步函数和并发</p>
</li>
<li>
<p>网络请求（XHR/Fetch）</p>
</li>
<li>
<p>油猴API</p>
</li>
<li>
<p>开发实战……</p>
</li>
</ul>
<h2>联系方式</h2>
<blockquote>
<p>有任何问题直接留言或者私信即可</p>
</blockquote>
<p>博客留言（<a href="https://blog.chrxw.com">Chrxw.com</a>）</p>
<p>B站私信 （<span class="external-link"><a class="no-external-link" href="https://space.bilibili.com/5805394" target="_blank"><i data-feather="external-link"></i>Chr_@5805394</a></span>）</p>
<p>电子邮件（<a href="mailto://chr@chrxw.com">chr@chrxw.com</a>）</p><hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">本文链接：<a class="content-copyright" href="https://blog.chrxw.com/archives/2021/10/19/1623.html">https://blog.chrxw.com/archives/2021/10/19/1623.html</a></p><p class="content-copyright">转载请保留本文链接，谢谢</p></blockquote>