画布，fetch

画布的使用：

1.创建画布：使用canvas标签可以在网页中创建画布

2.获取画布：可以使用getElementById()等方法来获取画布对象

3.画笔：先通过id的方式获取到元素对象，并调用它的getContent方法，然后以2d的形式来绘制画布中的图形效果，并且我们通常会定义一个变量来保存如：var context = canvas.getContent('2d');

4.线条的绘制使用上下文环境对象中的moveTo(x,y)方法，设置起始点的定位。定好起始点后，再使用lineTo(x,y)方法绘制到达的终站位置。lineTo(x,y)方法可以使用多次，用于绘制多条线条的图形。

5.通过strokeStyle属性设置线条的颜色,ineWidth属性可以定义线的宽度,通过画布中的lineCap属性可以改变端点的形状。为了将绘制过程中的一些配置属性保存在一定范围中，可以通过beginPath和closePath进行路径包裹，当所有的绘制配置项完成后，就可以调用stroke()方法，按指定的线条进行绘制了。

使用 Ajax 时，由于其异步请求的特性，可能会导致以下问题：

1. 网络延迟：异步请求需要等待服务器响应，如果服务器响应时间较长或网络不稳定，可能会导致请求超时或者失败。

2. 异常处理：异步请求完成后，可能会出现一些异常情况，例如服务器返回错误信息或者请求超时等问题。

3. 并发请求：若同时发出多个 Ajax 请求，在处理响应的时候需要保证请求的处理顺序以及正确性，否则可能会产生数据混乱等问题。

4. 回调地狱：如果需要处理多个异步请求，可能需要嵌套多个回调函数，造成代码可读性较差，难以维护。

以上问题可能会对 Ajax 请求的执行效率、结果正确性和代码可读性造成影响，因此在使用 Ajax 时需要注意这些问题，并进行合理的处理。

使用 fetch 相比 Ajax 有以下好处：

1.fetch采用了Promise的异步处理机制，使用比ajax更加简单；

2。基于 Promise：fetch 返回的是一个 Promise 对象，支持链式调用和 async/await，代码结构清晰，易于维护和测试。

一下是一个fetch的简单格式

 fetch(`url`,{

        method:'GET',

        headers: {

            'content-Type': 'application/json',

        },

        // body:JSON.stringify({}),

    })

        .then(response => response.json())

        .then(data => {

                }

            }

        })

        .catch(error => {console.log(error);

        });

}