版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_22520215/article/details/84841796
何为JavaScript？这里不会详细介绍，因为这也是一门很有学问东西，这里主要讲Canvas，你只要知道它是一种脚本执行语言就可以了，浏览器解释就可以运行，那我们为什么要用他呢？因为Canvas只是个页面标签，Canves的绘画并不是在Canves上执行的，而是在一个叫2D渲染上下文API上执行的，这个API接口就在JavaScript中，相当于我们只要调用封装好的函数接口，传递需要的参数就会在Canves显示出绘画。
那如何调入这个API呢？其实别人都帮我们封装好了。我们只需引用代码文件就ok了。
1、搜索jQuery下载，进入官网，或者任何地方，下载下图中任何一个，建议使用带min的，这是压缩文件，相对空间小一点，下载文件jquery-3.3.1.min.js
2、将上面的文件放入与你建立的网页的同个文件下；
3、在WebStorm中，编辑JavaScript引入代码；并写一个加载页面完成时弹窗的动作；
<!DOCTYPE html> <!-- 告诉浏览器我们使用的HTML模板为HTML5 -->
<html lang="en"> <!-- 网页页面的根，其他元素均放在其中，只能有一个 -->
<head> <!--页面所有meta元素均包含在这里 -->
<meta charset="UTF-8"> <!-- 编码方式 -->
<title>Canves高速入门</title> <!-- 页面设置名称，显示在浏览器标题栏中 -->
<!-- CSS 及 javascript 代码放置处 -->
<script type="text/javascript" src="jquery-3.3.1.min.js"></script> <!-- 引用jQuery库-->
<script type="text/javascript">
$(document).ready(function(){
alert("HELLO WORLD!!!")
}); <!-- 引用jQuery库弹出 Hello world 操作-->
</script>
</head>
<body> <!-- 页面的主题内容均在这里 -->
<div>HTML5之Canves高速入门</div> <!-- 页面的元素摆放 -->
</body>
</html>
这样jQuery的引入就完成了，JavaScript的准备工作就完成了！！！