持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第25天，点击查看活动详情
系列介绍
该系列主要是介绍一些nodejs相关的基础知识，没有什么特别难的知识点，都是一些比较基础知识点。大家学习起来，也会比较容易理解和接收。
这些知识点，也是以前自己学习nodejs的时候，学习过的知识点。有些知识点，可能是由于学习的时间比较久了，也有可能是平时工作中用到的机会比较少，也差不多快把它们都忘记掉了。现在把它们都写下来，写成文章，一方面是记录下自己以前学习的nodejs知识点，一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着，就把以前的知识点都忘光了。
环境安装
实现之前，你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行，如果你没有，那么文件会运行不了。
以下是nodejs的安装地址，如果你没有安装的话，可以先把它安装上。安装了可以忽略这一步，跳到下面一步。
前言
在前面几篇文章里nodejs系列：76-78系列文章，主要是介绍了怎么使用原生的nodejs来实现图形验证码的功能。
可以使用原生的nodejs来实现图形验证码功能，那在koa里可以实现图形验证码的功能吗？
答案是可以的，接下来，就让我们在koa里也实现一下图形验证码的功能吧。
示例
我们先完成示例里要用到的客户端页面
创建文件
创建一个index.html文件，我们的客户端页面代码，将在这个文件里面完成。
定义dom结构
<div class="wrap"></div>
在body里，写一个div标签，用来展示我们将来要实现的图形验证码的功能。
js逻辑
function ajax(url, method = "get", sucess) {
let xhr = new XMLHttpRequest();
xhr.open(method, url);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
sucess(xhr.responseText);
}
};
xhr.send();
}
封装一个ajax函数，里面创建了一个XMLHttpRequest实例对象。使用XMLHttpRequest实例对象，和服务器建立链接，发送ajax请求。
发送ajax请求，封装成一个函数，方便后面调用。
let element = document.querySelector(".wrap");
ajax("http://localhost:3000/image", "get", function (res) {
element.innerHTML = res.data.data;
});
获取我们定义的div元素，调用ajax函数，发送ajax请求。
ajax请求成功后，拿到图形验证码数据，到div元素里展示。
小结
本小节，主要是完成了koa之图形验证码示例的客户端页面，为后面的前后端联调做好准备。
最后，放上自己比较喜欢的一句诗句：
千淘万漉虽辛苦，吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》
