这篇文章提醒大家注意，使用 JavaScript 的 async/await 函数时，要区分并发操作和继发操作。
你能看出下面代码的问题吗？
async function getPeople() {
const members = await fetch("/members");
const nonMembers = await fetch("/non-members");
return members.concat(nonMembers);
}
花点时间看看。像这样的代码可能存在于很多的JavaScript代码库中。有时候，它就在那些了解他的人眼前，包括我自己。事实上，正是我所犯的这个错误促使我写下这篇文章。
如下的代码执行后输出什么呢？为什么？
function jerry() {
console.log(name)
}
function tom() {
var name = 'tom';
jerry();
}
var name = 'cartoon';
tom();
上面的代码执行后是会输出 cartoon、tom或者undefined？但更重要的是，你是如何决定答案的呢?你是按Scope吗?还是执行上下文execution context呢?
上面代码执行的答案是 cartoon，让我们来探讨深入理解一下。
In JavaScript, Scope is the mechanism to determine the accessibility of variables throughout its existence. It could be inside or outside of a function call.
在JavaScript中，作用域是在整个过程中确定变量可访问性的机制。它可以在函数调用的内部或外部。
我们来拆分一下上面的代码，去理解变量的可访问性随着变量的声明和函数的创建如何改变。
原文地址（英文）：https://www.lorenzweiss.de/common_mistakes_react_hooks/
react的核心概念之一就是处理state，你可以通过state控制你的整个数据流和渲染（rendering），每次虚拟Dom树再次渲染时，都很有可能和state的改变有关。
通过使用useState hook你可以在函数组件中定义state，这样处理state就变得很简单整洁，但是当我们看到下面的例子时也会觉得困惑。
假如有两个按钮，一个按钮是计数器，另一个按钮负责发送当前的数值。然而，当前的数值并不在组件内展示，它只是在按钮发送请求中使用。
antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品，有蚂蚁金服出品，本篇文章记录使用antd中upload组件与服务端配合实现文件的上传，本文中使用的antd版本是3.x版本。
官网：https://ant.design/index-cn
1.具体功能
在一个服务记录的表单中，有一项是上传图片，需在保存表单的时候提交已经上传的图片地址
2.实现流程
指两个页面的协议、端口和域名都相同，则两个页面是具有相同的源
同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。
一、Ajax
Ajax（异步javascript 和 XML），其本身不是一种新技术，而是一种技术合集的新方法，用来处理浏览器与服务器之间的http通信，是一种异步请求的技术。其主要步骤如下：
XMLHttpRequest对象是 AJAX 的主要接口，用于浏览器与服务器之间的通信，其本身是一个构造函数，可以通过new命令生成实例，新建实例后就可以调用open()方法发出http请求；但是在平时工作中如何用原生js实现http请求代码比较多，因此会使用很多封装好的ajax方法库，如jquery中可以使用$.ajax()发出http请求，但是jquery库比较庞大，如果仅仅是使用ajax请求，可以考虑只专注http请求的库，比如axios
一、功能实现
在近期开发的活动页面中需要实现九宫格转盘抽奖的功能，使用vue框架，这里记录一下具体功能实现的方法。
二、具体实现方法
转动效果实现是每次点亮对应li标签的背景颜色
