AkiraZ's blog

由于项目的原因，最近又开始用 ajax 了，遇到了一个问题就记个笔记。

关于传值

传值到底是传 formDara 还是 JSON 就不谈了，主要看后端需求

FormData 对象

Formdata 对象通常放在 post 请求的 data 位置，用来以表单形式提交数据，

1
2
3
4
5

$.ajax({
  url: "stash.php",
  type: "POST",
  data: fd,
});

了解了一下 FormData 对象的一些方法，做个记录

基础类型真假表

以上是六大基本类型，值得注意的是，其中 null 类型，如果使用 typeof，返回值是 "object"

几个默认的假值在判断的时候就可以简写，或者写成 !!varName 转。

一般的指向

概括地说，就是指向调用它的那个对象。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var f = function () {
  console.log(this.x);
}

var x = 1;
var obj = {
  f: f,
  x: 2,
};

// 单独执行
f() // 1

// obj 环境执行
obj.f() // 2

其中，f() 是在全局执行，所以返回全局的 x；obj.f() 在 obj 内部执行，所以返回 obj.x

1
2
3
4
5
6
7
8
9
10

var a = {
  p: 'Hello',
  b: {
    m: function() {
      console.log(this.p);
    }
  }
};

a.b.m() // undefined

m() 由 b 调用，所以返回 b.p undefined

官方手册

https://vuex.vuejs.org/zh/

核心概念

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    count: 0,
  },
  getters: {},
  mutations: {
    increment(state) {
      state.count++;
    },
  },
  actions: {},
});

一个简单的示例

研究了一下关于post请求时候发送参数的两种方式，表单形式和JSON形式。

两者最明显的区别还是在于

• 传参的时候需要转换
• 在控制台上呈现不同

两者不同与相同点

https://www.kancloud.cn/yunye/axios/234845

axios request API

1
2
3
4
5
6
7
8
9
10
11
12

// 本体 包括别名版本
axios(config);
axios(url[, config])

axios.request(config)

axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])

综上，post put patch 三个方法默认第二参数为 data，即参数作为请求体request body传输。

当然如果需要以 url 形式传输data，需要把参数放在 config 的 params 选项中。

其余三个请求 get delete head 第二个参数即为 config

下载类型

目前业务上碰到有两种下载类型，一种是返回的是文件在服务器上的所处位置，另一种返回的是整个文件的编码后的数组。这两者下载方式略有区别，但是大同小异。

window.location

location === window.location，记录的是浏览器URL的相关信息。

随手取了三个window.location，最后结合 RFC 3986: Uniform Resource Identifier (URI): Generic Syntax @ ietf.org来分析一下URL结构

这是一个类似平时的C-S模型，但在这模型中有一个问题，服务器能够获取到客户端的客户唯一标识，在微信中应该就是微信号。应该是出于保护用户隐私的目的，微信选择了使用openid来代替微信号作为唯一标识，同时，openid对于不同的公众号也是不同的，就是说，openid具有以下特征：

• 同一个公众号的不同用户openid不同（废话）
• 同一个用户对不同公众号openid不同

那么问题来了，公众号小程序是怎么知道当前访问的用户是哪个用户呢？

除此之外，可能是为了防止伪造身份，微信公众号/小程序除了appid外还有一个secret，官方文档中称该参数安全性极高，不能放置于客户端，那么就意味着请求必须从服务端发送

这时就需要微信服务器作为中间件来做授权。