静静努力，静静收获

三、平移3.1 translate使用方式：ctx.translate(x, y)12// 将坐标系原点平移到canvas的中心ctx.translate(canvas.width / 2, canvas.height / 2);12345678910111213141516171819202122 ...

二、绘制图片将一张图片放在canvas上，可以通过：① 插入图片② 设置背景图③ drawImage2.1 drawImage绘制图片可以分为三种方式2.1.1 以原尺寸绘制图片1234ctx.drawImage(img, x, y) img：要绘制的图片 x：当前canvas上的x点 ...

一、canvascanvas是HTML5新增的标签，用于提供“画布”可以通过canvas元素获取对应的“上下文”（可以理解为画笔）来操作显示内容canvas的标准属性有 width和 height （例如 id， class 这些都属于通用标准属性）12width：表示canvas的宽height： ...

十二、音频 用js控制播放方法：12play: 播放pause:暂停属性：1234volume:音量 0~1muted:值是布尔类型 是否静音duration:总播放时长currentTime:当前的播放时间12.1 dom结构1234567891011121314<audio src="a ...

十一、拖拽拖拽是html5新增的事件拖拽时候的样式，有一个虚影：11.1 拖拽事件ondrag：拖拽事件绑定方式：123456789<img src="imgs/1.png" id="first"><script> // 获取元素 var img = docume ...

十、history10.1 history.forward该方法会加载历史记录列表中的下一个URL调用该方法等价于点击了前进按钮获取history.go(1)10.2 history.back该方法会加载历史记录列表中的前一个URL调用该方法等价于点击了后退按钮获取history.go(-1)123 ...

九、事件推送正常情况下，只能够从浏览器端发送消息到服务器端，服务器接收并返回数据，然后关闭连接服务器想要主动发送信息到浏览器端，无法实现，于是 HTML5 提供了一个叫做 EventSource 的函数，用于主动向前端推送消息1console.log(EventSource);9.1 初始化和wor ...

八、webSql前端数据库，本来属于HTML5规范，后来被取消了（数据库保存在后端比前端靠谱）8.1 openDatabase观察数据库：它是一个函数，是window的属性作用：打开或者创建数据库使用方式：12345openDatabase(dbname, version, descript, si ...

七、多线程7.1 线程阻塞1234567891011<script> // 斐波那契函数 var fibonacci =function(n) { return n <2 ? n : arguments.callee(n -1) +argumen ...

六、服务器简单来说就是可提供的机器这个服务器可以租，可以买，可以下载一个模拟的软件我们选择自己写的nodejs如果想要使用nodejs，必须先安装node.exe程序平时我们在浏览器的输入栏中查看的地址栏：1file:///C:/Users/Administrator/Desktop/web/04% ...