用户脚本是一段代码，它们能够优化您的网页浏览体验。安装之后，有些脚本能为网站添加新的功能，有些能使网站的界面更加易用，有些则能隐藏网站上烦人的部分内容。其中常见的有 油猴插件、ChromeExtentions

由于油猴脚本只用一个JS文档，因而相对于ChromeExtentions比较简单。因此便从油猴脚本开始，首先基本的文件架构是：

其中一些属性的含义：

@name :

脚本名称

@description:

脚本功能的描述，显示在脚本标题下面，必填项。

@namespace:

@namespace 与 @name 这两个属性被作为脚本的唯一标识符，用户脚本管理器根据它们来判断一个脚本是否已安装

@include, @exclude, @match:

描述脚本会在哪些网站上运行。该列表会被解析和展示到脚本的简介页面，并用于脚本的分类。

@supportURL:

该脚本的技术支持链接（如：错误反馈系统、论坛、电子邮件等），该链接将显示在脚本的反馈页面。

具体的注释信息

第一次编写的脚本是微博超话自动签到，主要借鉴bilibili助手的基本逻辑。本脚本功能实现每日自动签到微博超话。

界面图：

主要借鉴$.ajax()引发的对Deferred的总结、回调、使用Promise封装ajax()、Promise入门

ajax()是一种网页中常用的异步操作，其写法有两种

Deffered是一种延迟对象 $.Deffered()，返回Deffered对象

done(fn) 当成功后调用fn

fail(fn) 当失败后调用fn

then(done,fail) done和fail的总写方式

always(fn) 不管成功或失败都执行

resolve和reject执行，便执行done、fail、then、always方法。

resolve(value) 告诉对象执行done回调,value是参数,传入done的回调函数 reject(value) 告诉对象执行fail回调,value是参数.传入fail的回调函数

采用第二种写法可以实现链式编程

由于JavaScript同源策略的限制，脚本只能读取和所属文档来源相同的窗口和文档。ajax请求时可能会请求不同源的网址。

首先以weibo.com为例说明同源

这里用到了两种：

document.domain

默认情况下，document.domain存放的是载入文档的服务器的主机名,但不能设置为顶级域名，如www.weibo.com 可以设置为weibo.com 但不能设置为com

具有相同的document.domain就处在同域名的服务器上

此处借鉴：通过document.domain实现跨域访问

CORS（跨域资源共享）

CROS是一种跨域访问机制，可以实现Ajax的跨域访问

需配置

如果需要向网页中添加按键、css样式等等，就需要添加DOM元素，

如果需要引入CSS样式链接

$('head').append('')

上面的方法主要采取的jquery的方法，也可以用原生JS

一种是通过typeof，可以判断undefined、boolean、string、number、function

可以看到typeof对 对象、数组、null判定为object，有一定的缺陷。

另一种方法用Object.prototype.toString.call判断

可以看到用此方法可以解决之前的混淆

除此之外，脚本也用到了isNaN()判断是否为数字，如果为数字则为false，如果不是数字，则为true。

parseInt（string，radis）将其它类型转换为Int类型，第二个参数为进制

注意： 只有字符串中的第一个数字会被返回。

注意： 开头和结尾的空格是允许的。

注意：如果字符串的第一个字符不能被转换为数字，那么 parseInt() 会返回 NaN。

window的localStorage和sessionStorage储存k/v对的数据，localStorage 中的键值对总是以字符串的形式存储。

localStorage用于长久保存整个网站数据。

方法：

localStorage.setItem('对象名','存储的数据') 存储

localStorage.getItem('对象名') 读取

localStorage.removeItem('对象名') 移除

localStorage.clear() 移除所有

如果存储的数据是JSON的类型，这可以用JSON.stringify()和

JSON.parse()来进行JSON对象和String对象的类型转换