记录一下自己在 js 学习中常用到的一些方法，进行封装使用



## 1.时间格式解析

首当其冲的就是这个时间格式解析了，js 的 Date 中有一个方法`toLocaleString()` 返回的结果为本地时间，如`new Date().toLocaleString()`返回为`2020/10/21 上午1:03:17`，好像看着并没有什么问题，但是我如果要将`2020/10/21 上午1:03:17`转为时间戳的话，也就是执行`new Date("2020/10/21 上午5:03:17").getTime()`，然而它却返回`NaN`，不合理啊，时间格式难道不是这样的吗，时间格式还真不是这样，上面只是显示为本地的时间，然而对于 js 而言，它只识别`yyyy-MM-dd HH:mm:ss`这样的时间格式。于是就需要对返回的时间格式进行操作了。

可以通过下方的解析函数，并带上对应的时间格式返回给我对应的时间，代码就不分析了，我也是借鉴网络上的一些格式化时间代码，修改而来的。

```js
function parseTime(time, cFormat) {
  if (arguments.length === 0 || !time) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    if (typeof time === 'string') {
      if (/^[0-9]+$/.test(time)) {
        time = parseInt(time)
      } else {
        time = time.replace(new RegExp(/-/gm), '/')
      }
    }

    if (typeof time === 'number' && time.toString().length === 10) {
      time = time * 1000
    }
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay(),
  }
  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    const value = formatObj[key]
    if (key === 'a') {
      return ['日', '一', '二', '三', '四', '五', '六'][value]
    }
    return value.toString().padStart(2, '0')
  })
  return time_str
}
```

## 2.计算过去时间距离现在时间差

上面说到的是时间结构的解析，但有时候需要计算过去时间与现在的时间差，比如计算评论发布的时间。这个我也放一个对应的相关代码

```js
function formatTime(time, option) {
  if (('' + time).length === 10) {
    time = parseInt(time) * 1000
  } else {
    time = +time
  }
  const d = new Date(time)
  const now = Date.now()

  const diff = (now - d) / 1000

  if (diff < 30) {
    return '刚刚'
  } else if (diff < 3600) {
    // less 1 hour
    return Math.ceil(diff / 60) + '分钟前'
  } else if (diff < 3600 * 24) {
    return Math.ceil(diff / 3600) + '小时前'
  } else if (diff < 3600 * 24 * 2) {
    return '1天前'
  }
  if (option) {
    return parseTime(time, option)
  } else {
    return d.getFullYear() + '年' + (d.getMonth() + 1) + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
  }
}
```

这里提一下`moment.js`，一个 js 日期处理的类库，有兴趣的可以去了解一下 [moment.js](http://momentjs.cn/)

## 3.取随机数，字母

js 提供了获取随机数的方法`Math.random()` ，但返回的是一个获取 0-1 之间的随机数，如`0.8790767725487598`，当然，这肯定不是我们想要的，我要的只是一个 0-9 数字，很简单，只需要将上面获取到的随机数乘 10，然后取个位数不就成了。对应的也就是

`parseInt(Math.random() * 10)`

有时候肯定不只是要 0-9 之间，可能是要 0-100 的，原理一样，对应的换算公式如下

获取 N-M 的随机数 `parseInt(Math.random() * (M - N + 1) + N)`

封装成如下对应代码

```js
function ranNum(min, max) {
  if (arguments.length === 0) {
    return parseInt(Math.random() * 10)
  }
  return parseInt(Math.random() * (max - min + 1) + min)
}
```

对应的获取随机字母也简单,只要通过 ASCII 码 A 为 65，Z 为 90，然后获取随机数 0-25，通过`String.fromCharCode`传入对应的 ASCII 码即可，如下

```js
function ranChar() {
  return String.fromCharCode(65 + parseInt(Math.random() * 25))
}
```

## 4.查询字符串与 json 互转

这里我在我的另一篇文章 [查询字符串与 JSON 互转](./查询字符串与JSON互转.md) 中有写到了，这里就不在做过多叙述了

## 5.提取 url 中的 Query 对象

```js
function getQueryObject(url) {
  url = url == null ? window.location.href : url
  const search = url.substring(url.lastIndexOf('?') + 1)
  const obj = {}
  const reg = /([^?&=]+)=([^?&=]*)/g
  search.replace(reg, (rs, $1, $2) => {
    const name = decodeURIComponent($1)
    let val = decodeURIComponent($2)
    val = String(val)
    obj[name] = val
    return rs
  })
  return obj
}
```

## 6.深拷贝

浅拷贝就不说了，`Object.assign`就能解决了，有关 js 对象拷贝这里也不做过多的赘述，随便一搜就有各种相关的。这里就贴一个深拷贝的相关代码。

```js
function deepClone(source) {
  if (!source && typeof source !== 'object') {
    throw new Error('error arguments', 'deepClone')
  }
  const targetObj = source.constructor === Array ? [] : {}
  Object.keys(source).forEach((keys) => {
    if (source[keys] && typeof source[keys] === 'object') {
      targetObj[keys] = deepClone(source[keys])
    } else {
      targetObj[keys] = source[keys]
    }
  })
  return targetObj
}
```

常用util.js

好歹自己学习易语言也快有一年了，也用易语言写了一些软件，特此记录一下以及对易语言的个人看法。

该文章有可能过于啰嗦，可吐槽的点太多了，也正有感悟才能写的这么多。

:::note 补

2021 年 3 月是我最后一次打开易语言，至此我已经很久不写 exe 项目了。

:::



## 易语言介绍

还是简单介绍一些易语言吧，毕竟肯定有很多即使学过编程也没听过易语言的，易语言是一门以**中文**作为程序代码编程语言，简称 E 语言(EPL)，创始人[吴涛](https://www.baike.com/wikiid/3464184696167845391?view_id=2nxgpp3bv6k000)，2000 年一个人独立开发易语言。

有关易语言的特点如下：

### 易语言不开源

不像主流的编程语言 C，Java，Python 等是开源的，易语言是一款纯正的商业编程软件，易语言正版加密狗 618 元，不过有破解版，不然多数人都不会去接触易语言了。但不开源就已经注定了易语言的在整个生态就不行，并且易语言已不在维护了，也就是很久很久没更新过，或者说不会再更新了，作者也已不再管易语言了，目前也就一些易友去开发一些相关的插件模块库这些。

### 全中文界面，可视化 UI，填表式的声明

我这里放几张图展示一下

![image-20200914010759872](https://img.kuizuo.cn/image-20200914010759872.png)

![image-20200914011112087](https://img.kuizuo.cn/image-20200914011112087.png)

首先要吐槽一下，2000 年的页面与 2020 年的页面可以说是完全一模一样的。开发界面是真的丑，但有一点是，页面的语言命令都是全中文的，比如`if`所对应的的就是`如果`，`MessageBox`所对的就是`信息框`，很多命令都中文化就再举例了，并且每个函数都是以表格似的填写，也就是代码的格式都定死死的了，如果你学过其他的编程语言在来和易语言比对，你多半会学的够呛，很难理解为啥要这样。不过也正是填表式声明，导致易语言过于简单，后文也会提及。

在比对一些 C#的开发界面

![image-20200924125428023](https://img.kuizuo.cn/20200924135324.png)

![image-20200924125907216](https://img.kuizuo.cn/20200924135325.png)

可以看到页面肯定比易语言好看 100 倍，但是随之而来的就是难度的提升，先不说好写与不好写，你让一个没学过编程的看，多半看的云里雾里，这时候就会劝退很多人瞬间不想学了，相信很多学编程的都有这样的经历。

#### 上手容易，可以做到极速开发

接着再来说一下上手学习，正是由于有上面那个前提，易语言可以做到上手特别快，可以说会用电脑，有逻辑，会识中文，易语言好学的一批，基本上学个几天自行写个软件完全没问题。对于国人一点编程基础都没有的新手，并且英语还不好的话来说，易语言可能是真的好上手，我当初学易就有一部分就是给英文劝退了。

首先我要提的是可视化界面设计，你只需要将旁边的组件拖拽至窗口页面上即可，相对于的属性，例如内容，宽高，颜色在旁边显而易见，要修改只需要点击修改对应的数值即可，而对于其他的 IDE 来说，如果英文不咋好，并且还是第一次用，找可能都要找几分钟。而正是这个可视化界面，让我当初有信心学下去易语言，如果你学过 C 或者其他编程语言，一开始都是在那黑不溜秋的控制台显示，我就只是想写个软件用用，你给我讲那么多理论知识，甚至我还听不懂的那种有个嘚用。

同时还可以直接打包成 exe 文件，直接在 windows 上运行，发给别人也能运行，哇，瞬间感觉到写软件的牛逼之处了，直接小有成就一波。这里我放几张我当初学易语言写的一些界面吧：

例如写一个骗骗小学生的 2020 年最新刷 Q 币软件（用到了浏览器的填表功能改了 q 币的值）

![demo](https://img.kuizuo.cn/20200924135326.gif)

在比如做一个音乐播放器（是有声音的，只是我录制的是 gif）

![demo1](https://img.kuizuo.cn/20200927031909.gif)

在比如一些自动添加好友的

![image-20200924191526221](https://img.kuizuo.cn/20200927031910.png)

在比如写一个注册机模板

![image-20200924192403210](https://img.kuizuo.cn/20200927031911.png)

网络验证

![image-20210819233054879](https://img.kuizuo.cn/image-20210819233054879.png)

![image-20210819232928124](https://img.kuizuo.cn/image-20210819232928124.png)

还有特别特别多的例子我就不举例了，这些用其他的编程语言肯定能写，但是与之对应的就是学习成本，很多人学其他编程语言，甚至还没学到界面设计就开始放弃了，原因很简单，没兴趣学呗，易语言界面好设计，但是基本都是原生 windows 组件，对于新手来说这完全足够设计出自己的软件了。

**要是没能在最想学习的时候，满足自我的成就感，那很有可能就会学不下去**。

我当初学易语言也是这样的，暑假学了两个月，其中第一个月学基础到还没什么，也就开始学习易语言的基本语法和编写一些程序来玩玩，但这些说实话没什么可看的，或者说没什么可用的，就想上面那个骗骗小学生的刷 q 币软件有用吗，没用呗。初学的一个月就都开始写这些可以说毫无软用的东西，直到我照着视频一个字一个字的模仿着敲一遍扫雷一键秒杀的代码，没错，就是这个激起了我对编程，让我感受到编程的魅力。放上一张 gif 图片。

![demo2](https://img.kuizuo.cn/20200927031912.gif)

当初照着视频一步一步来最终完成了该软件，但那时候的我其实根本不知道为什么可以这样，直到后续了解到汇编与游戏内存相关的知识，我才算真正懂的当初扫雷外挂的原理。

也正是因这个扫雷的外挂，让我接下来的几个天疯狂的学习，去写其他的游戏外挂，比如连连看的一键秒杀，消消乐，植物大战僵尸等等。这里我也放一张图吧（还特意去下载 qq 游戏）

![demo3](https://img.kuizuo.cn/20200927031913.gif)

不过后面就没怎么学习游戏外挂相关的，一是所看的教程是 11 年的，中途没更新了，二是目前热门游戏以我目前能力写不出来，只要加上了检测，就过不了，并且容易封号（注：我 QQ 可不是开外挂给搞封了，就算开外挂最多也只是封游戏账号），最近接触的也就是 CF 越南服的外挂，有教程于是就学了点皮毛，不过教程又教到一半，就没深入去学习。这里提醒一句，写游戏外挂并销售是可是会给抓的。

不过有点扯远了，就凭这一手界面设计，易语言其实就足以容易上手写出个软件出来。在叙述几点易语言容易上手的地方，自带提示，全中文文档，比如下图

![image-20200924220413124](https://img.kuizuo.cn/20200927031914.png)

只要你鼠标选到对应的函数上，按下 F1 或者点击提示，就有对应的函数提示，对应其他语言也有，但是纯英文的，门槛就高一个档次。

#### 精易模块

如果没有这个模块也就易语言跟其他语言的区别可能就是一个是中文一个是英文了。我就举我用的最多的一个命令`文本_取出中间文本`

![image-20200924220908502](https://img.kuizuo.cn/20200927031915.png)

而对于其他的编程语言，这类语言还需要自行编写一个函数来调用，而精易模块则是直接封装好好的供你使用。你都没必要去了解底层的函数，直接把门槛降了一个大档次。

至于相关的程序编写我也不多概述，下面就是易语言的缺点。

### 易语言的缺点

我说说我用易语言的缺点，也是我最不推荐别人学易语言的了

我上面也说到过 2000 年的页面与 2020 年的页面可以说是完全一模一样的。虽然有易友开发了仿 VS 界面的，但启动起来影响运行速度，我就没安装了。虽说我不是强迫症，但用多了 vscode 与其他的 IDE 相比，看到易语言就能想到是几年前的软件了。

#### 占用空间与运行

易语言毕竟还是一种封装过的语言，带来的方便，同时也牺牲了性能空间，与原生的桌面级开发相比易语言是无法比的。就比如用 C#开发的所占用空间肯定比易语言少，相关的性能优化更好，这里我就不放图了。

#### 软件报毒，即使没毒也会给杀毒软件报

这里我有必要说说关于易语言的一段故事，这里我放几个链接，可以去了解一番 [刷枪改图强登游戏 CF 外挂](https://www.bilibili.com/video/BV1WE411E7mQ/?spm_id_from=333.788.videocard.0)

[为什么多数外挂都用易语言？](https://www.zhihu.com/question/20690643?sort=created)

如果你在 2010 年左右接触过网络游戏，你肯定遇到过各种各样的外挂，而这类外挂多数都是出自易语言之手，甚至你现在在外面遇到的很多游戏脚本外挂，易语言也能占据多数。你随便百度一些易语言，相关的评论都是有关外挂这些。但事实上你只会易语言是根本不够写外挂的，我学过相关外挂制作，虽然学的浅，但至少学过。是需要汇编这类基础，但又为什么会很多外挂是用易语言写,，而且都是些水平不是特别高的人，原因很简单，因为那些写挂的很多都不会真正写挂，只是调用别人封装好了的库，甚至就连易语言自身都带了外挂库这些。让他们写一款新游戏的外挂，他们多半是写不出来了，原因就是他们不懂汇编这些，但是调用写好的库就 6 的飞起。当然这其中还是有些利益相关的方面，我也不多提了。

如我上面所的我一个初中同学，要不是我接触了编写外挂这些，我还真信了他当初能写的，实际上都是修改外面的源码，或者是直接调用写好的库，直接偷源码用。

因为外挂行业的崛起，导致一些厂商不得不进行一定的处理。总之，目前易语言写过的项目，多数是会报毒的，即便没毒，也已经给杀毒软件的厂商给拉入黑名单了，所以可以说没公司要易语言的程序员，即使软件没毒，但是还是报毒，你是信杀毒软件还是易语言？

#### 说说我用到的一些坑

我在做一些网页数据获取的时候，竟然连个 DOM 对象都没有提供，当时没接触前端，不知道有 DOM 对象，还是用正则去匹配，那时候是真的 nc。接触了前端，发现易语言竟然没提供 DOM 对象操作，我还是用别人封装的 DOM 类，并且还有可能出现匹配不到情况。

其次是调试的时候，对于变量值长度过长竟然无法直接查看，还需要保存为文本才能查看，并且我调试的时候常常崩溃，导致我每次找一个 bug 的时候都需要重启易语言好几遍才行。

由于是类似表格式的填写变量，参数与类型，也就导致了无法在其他编辑器上进行编写易语言代码比如我复制一个函数，给我的结果是

```
.版本 2

.子程序 子程序1, 整数型
.参数 参数1, 文本型
.局部变量 变量1, 整数型

变量1 ＝ 到整数 (参数1)
返回 (变量1)
```

而在易语言所对的是

![image-20200924222319462](https://img.kuizuo.cn/20200927031916.png)

在易语言中的引号`""`，只能通过常量`#引号`，或者通过常量表，就比如下面这个 jsoin 字符串 `{"a"="123","b"="321"}`，而易语言的写法就是，`"{”+#引号+“a”+#引号+“=”+#引号+“123”+#引号+“,”+#引号+“b”+#引号+“=”+#引号+“321”+#引号+“}"`，一个个通过字符串来拼接，巨麻烦，也是我最想吐槽易语言的，不过也可以通过常量表来替换，但依旧很麻烦。

还有易语言自身是不支持 utf-8 编码显示，原因很简单，当初只是为了给国人用，gbk 显然是更好的选择。但有时需要 utf-8 的，这时候就莫得办法。

#### 没公司要易语言程序员

几乎没有公司招聘易语言程序员，实际上上面所说的就足以证明易语言不行了。并且很多人都不看好易语言，黑易语言，至于为什么黑，百度或者知乎想必会有更好的答案，这里我也就不再赘述了。

### 小总结

写到这，我其实有点想把介绍易语言的一部分给删了， 我不推荐新手去学易语言，因为易语言相比于其他语言，它还是太弱了。但如果没有这半年的易语言学习，让我天真的以为编程的简单，又怎么鼓舞真正入坑，让我去学习更多更深奥的知识。

不过就目前而已，我已经很少用易语言写东西了，但如果要写桌面级软件，我还是会首选易语言（因为只会易语言），毕竟写了也有半年了，开发效率也高。如果有机会的话，会深入学一下 C#还有 Qt，不过也不知道是什么时候才会有机会。

关于英语方面的话，我是挺惧怕英语的，我高中英语就没怎么及格过，甚至我大学英语还挂科了，但易语言给我带来了编程希望。就我目前学习来说，编程还真的不怎么吃英语，看不懂英语文档，翻译成中文文档不就完事，而且学多了就会发现太多都是死代码，需要的时候翻阅文档直接 Ctrl C V 使用即可。英语对编程来说只是为辅，英语好并不能提高编程的上限，同时也决定不了下限，就这么说吧，你让一个学英语专业的人来看一份几百行的代码，基本注释写得在详细，他没学过编程，能看的懂吗？但有很多开源的项目都是英文的，会英文固然是好，但不会就不行了吗，看不懂英文文档，我翻译还不行吗？说这些，就是希望别用自己的短处来阻劝自己的目标，很多时候都是学了才知道这个有没有用，没学有锤子用！

能接触易语言的，多半是没什么英文基础、编程基础。不能说易语言适合新手的入门语言，但绝对是能让中文普通用户眼前一亮，产生编程好感的一门语言。

易语言是我接触过的第一款编程语言。那时候曾是我最喜欢的编程语言，也是最能让我感到成就感的编程语言，不过在这行学多了，还是不得不放弃易语言开发，原因就是因为易语言不够强大，但也莫得办法，如今易语言的生态就是如此。

**如果易语言不是我的第一门编程语言，那么其他编程语言就是最后一门。**

谈易语言

关于 HTTP 我不讲理论，只讲一下具体的用途。

## GET 请求之发送验证码

首先我举一个例子，收过短信验证码吧，一般来说在你注册账号的时候就会用到，会有一个点击发送验证码的按钮，这里以 网址 [114 预约挂号](https://www.114yygh.com/) 为例

![image-20200928234944932](https://img.kuizuo.cn/image-20200928234944932.png)

输入完手机号，点击获取验证码就能收到验证码，但这背后的原理又是啥，服务器那边怎么知道我要验证码，并且我输入正确的验证码就进入，错误的就不行。而这正是网络协议 HTTP（关于 HTTP 相关的这里不做过多讲述，希望读者能自行百度了解），我先说下点击了获取验证码发生了什么，通过抓包工具可以获取到如下请求

```http
GET https://www.114yygh.com/web/common/verify-code/get?_time=1601308153790&mobile=15212345678&smsKey=LOGIN HTTP/1.1
Host: www.114yygh.com
Connection: keep-alive
Accept: application/json, text/plain, */*
Request-Source: PC
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3775.400 QQBrowser/10.6.4208.400
Content-Type: application/json;charset=UTF-8
Referer: https://www.114yygh.com/
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9
```

首先我们向服务器发送了一个如上的请求，这是一个 GET 请求，同时请求的链接（url）为`https://www.114yygh.com/web/common/verify-code/get?_time=1601308153790&mobile=15212345678&smsKey=LOGIN`

如果你会点英文的话，可能会理解其中的含义，主要就这几个参数`verify-code`验证码，`_time=1601308153790`时间戳（时间戳是一个记录时间的东西，用当前时间减去`1970-01-01 08:00:00`即可得到，你可以通过这个工具[时间戳在线转化](https://tool.lu/timestamp/)，这里的`1601308153790`所对应的时间为`2020-09-28 23:58:06`）还有一个`mobile=15212345678`，这个`15212345678`是我刚刚输入的手机号。这是向服务器请求的数据，那在来看看服务器返回给我们的是什么

```http
HTTP/1.1 200
Date: Mon, 28 Sep 2020 15:49:15 GMT
Content-Type: application/json;charset=UTF-8
Content-Length: 57
Connection: keep-alive
Set-Cookie: hyde_session=Kd10cra3X4yNBePaaQTKUkuYgX9J6Hfx_5337693
Set-Cookie: hyde_session_tm=1601308154470; Domain=.114yygh.com; Path=/; HttpOnly
Content-Security-Policy: : default-src *.114yygh.com *.qq.com *.baidu.com; font-src * data:
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
X-Frame-Options: SAMEORIGIN
X-Via-JSL: d8c5e31,-
X-Cache: bypass

{"resCode":0,"msg":null,"data":{"endMilliseconds":59997}}
```

只需要关注最后一行即可，其中 resCode 为 0，同时手机号`15212345678`也收到了验证码，貌似 resCode 为 0 就决定了服务器是否有给手机号发送短信，事实上也是的，那么说了这么多，有什么用呢，用处可大了。

既然这样，我知道了发送上面的那个请求服务器就能给对应的手机号发送验证码，那么我能不能将上面那个请求的手机号给改一下，改成`15287654321`，事实上是完全没问题的，这里我就放一张 HTTP 测试工具的截图。

![image-20200929001306474](https://img.kuizuo.cn/image-20200929001306474.png)

那么是不是我多请求这样像服务器请求，我就能源源不断的收到验证码，现实很美好，人家服务器也不傻，我再一次向服务器发送请求，服务器给我的结果是

```
{"resCode":10000,"msg":"请58秒后重试","data":null}
```

没错，就需要等，而且这里的 resCode 也不为 0，那么既然要等一分钟的话，我能不能写个定时脚本，每隔一分钟发送一次，人家服务器也不傻，一般来说，一个手机号最多也就收 5 次验证码，多了就会提示明天再重试，或者今天收到的验证码过多等等。而外面的炸则是通过收集几百个这样的请求，然后将手机号替换成要轰炸的，即可实现多平台验证码轰炸一个手机号。

现在你可能已经知道了初步了解 HTTP 请求，但一般的网站都不会像这个这么简单的，明文标码，通常都会进行效验，例如图片验证码，滑块，点字，点图等等，并且还会进行加密操作处理，而这才算真正的难点。

## POST 请求之登录

既然发验证码是这样，那如果是登录呢，下面就用网站 [万创帮](https://m.wcbchina.com/) 为例，首先进入登录界面

![image-20200929003119277](https://img.kuizuo.cn/image-20200929003119277.png)

输入手机号和密码，点击登录，同样的我们可以通过抓包工具获取到对应的 HTTP 请求，如下

```http
POST https://m.wcbchina.com/api/login/login?rnd=0.6463111465399551 HTTP/1.1
Host: m.wcbchina.com
Connection: keep-alive
Content-Length: 149
Pragma: no-cache
Cache-Control: no-cache
Accept: application/json, text/javascript, */*; q=0.01
Origin: https://m.wcbchina.com
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Mobile Safari/537.36
Content-Type: application/json
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9

{"auth":{"timestamp":1601312429287,"sign":"777473FB2A1838DBD64BA7A11C98911B"},"username":"15212345678","password":"E9BC0E13A8A16CBB07B175D92A113126"}
```

貌似比上面那个发验证码的复杂，确实，这是一个 POST 请求，你在链接上看不出什么有效信息，在最后一行才是关键。这里的`timestamp`也就是时间戳，记录时间的，username 是我们输入的手机号（账号）没什么问题，这里的 sign 和 password 的内容又是啥？这就是加密，让你不能简单单纯的通过替换文本来实现登录，这就来分析一下他到底怎么加密的。

通过在浏览器按下 F12 键，打开控制台面板，接着点击 Network，这里会将我们发送的请求记录下来

![image-20200929004247182](https://img.kuizuo.cn/image-20200929004247182.png)

同时鼠标停在 Initiator 上有如下结果

![image-20200929004449660](https://img.kuizuo.cn/image-20200929004449660.png)

不管三七二十一，点击跳转到对应的代码先，然后在左边下一个断点

![image-20200929004628978](https://img.kuizuo.cn/image-20200929004628978.png)

这时候我们在点击登录按钮看看

![image-20200929004713733](https://img.kuizuo.cn/image-20200929004713733.png)

没错，浏览器这时候停了下来，停在了我下断点的地方，通过函数名也可以猜到这个是发送的，对应的肯定在上面，通过右边的 Call Stack 函数调用栈即可追随上一函数

![image-20200929004943674](https://img.kuizuo.cn/image-20200929004943674.png)

在这里我看到了原文的信息，这是通过 Jquery 通过 id 获取元素的值，也就是这里的手机号和密码，在这里还都是原文，点到下一个函数则变成了密文，那么肯定是上一个函数做了手脚。

认真观察，N 这个是我们的密码，但对 N 进行了一个操作也就是 `a.hex_md5(N)`，没错，这就是 md5 加密。有关加密的可以看看我写过的 [浅谈加密算法](/docs/brief-talk-encryption-algorithm)

那么通过加密工具将 md5 加密是否能得到我们要的加密结果，如下

![image-20200929005711500](https://img.kuizuo.cn/image-20200929005711500.png)

`E9BC0E13A8A16CBB07B175D92A113126`在看看 Password 的值，一模一样，看来已经解决了一个参数，那么还有一个`sign`呢。貌似右边的函数调用栈都不好使，我试试搜索字符串 sign 看看

![image-20200929005911119](https://img.kuizuo.cn/image-20200929005911119.png)

好家伙，直接定位到了，那么同样的在这里下一个断点，查看一下到底发生了什么（实际上 js 静态分析就完事了，这个网站太简单了）

这里的 N 看来就决定了 sign，而 N 也是通过 md5 加密的，不过原文我还不知道，让代码执行到这一行看看结果

![image-20200929010417525](https://img.kuizuo.cn/image-20200929010417525.png)

这里的 c 就是时间戳，而 token 和 password 都是未定义，那么就好办了。这里明文也就是 c `1601312429287`，那么用加密工具即可得到`777473FB2A1838DBD64BA7A11C98911B`，那么参数都搞定好了， 只需要替换一下账号，然后将正确的密码通过加密算法（这里为 md5）生成，同时对 sign 也生成出来，然后提交给服务器就能收到我们登录的请求，就认定为我们登录了，记录为在线用户。

如果我用的加密算法错了，或者我分析错了，提交给服务器会是怎么样的

![image-20200929011055451](https://img.kuizuo.cn/image-20200929011055451.png)

例如我这里的 sign 算法是错了（将结尾的 B 改成了 A），发送给服务器，服务器返回给我们则是失败的结果，原因很简单，就是为了防止别人恶意登录所添加的效验，提交的数据伪成败，就决定了服务器给我们结果是成败。

## 总结

通过上面的一些例子，只要能伪造请求，发送给服务器，就能获取我们想要的结果或者目的，事实上也是如此，但伪造数据的难易则要由所对应的网站而定，有的网站压根就没没什么难度，而有的你搞一天都未必能搞的出来。如今的网站在这方面也都下足了功夫，想要轻松的伪造请求可不是件容易的事情了。

也正是因为我学了 HTTP 请求与 JS 逆向分析，我能做的也就更多，而正是基于 HTTP 协议下，其中一个就是有关于超星刷课软件的例子，如果我没有学过这些，我就不可能写出来。

后续会有关 HTTP 请求这方面都会放在逆向这个分类下，比如一些网站的加密算法和常见的坑等等。

浅谈HTTP

Chrome插件开发

## 前言

在用一些开源的 python 脚本的时候，而原作者是用`python2.7`写的，但学过 python 的应该会知道 python 每个版本之间存在兼容性，python2 的代码用 python3 是会可能运行不了的，一些现有的框架在 python3.6 可以运行而 python3.7 就报错。通常这时候我想执行 python2 代码的解决办法：

- 安装 python2，并且就算安装了还要重新配置环境变量这些（麻烦）
- 通过虚拟环境，来安装 python2，在虚拟环境中运行 python2 代码（麻烦)
- python3(>=3.3)其实自带了 python2 的代码，就没必要像上面那么麻烦

### 具体实现步骤

其实在安装 Python3（>=3.3）时，Python 的安装包实际上在系统中安装了一个启动器`py.exe`，默认放置在文件夹`C:\Windows\`下面。这个启动器允许我们指定使用 Python2 还是 Python3 来运行代码。

![image-20200912224056257](https://img.kuizuo.cn/image-20200912224056257.png)

例如：

#### 运行 python2

```bash
py -2 demo.py
```

![image-20200912225223752](https://img.kuizuo.cn/image-20200912225223752.png)

#### 运行 python3

```bash
py -3 demo.py
```

![image-20200912225250066](https://img.kuizuo.cn/image-20200912225250066.png)

只要把命令行的 python 的改成 py -2 就能以 python2 来执行。 但是，每次运行都要加入参数-2 和-3 还是比较麻烦，于是所以 py.exe 这个启动器允许你在代码中加入说明，表明这个文件应该是由 python2 或 3 来解释运行。只需要在代码文件的最开始加入一行，**一定要放到文件第一行**，编码可以放在第二行，如

```py
#!py -2
# -*- coding: utf-8 -*-

...code
```

### pip 安装

#### python2 下安装

```bash
py -2 -m pip install XXXX
```

#### python3 下安装

```bash
py -3 -m pip install XXXX
```