摘要：
1.viewport视口 视口（viewport），是视图窗口的简称。 视口的大小就是HTML元素的实际大小。 但是，在移动端要想展示实际页面大小则必须进行视口的适配设置， 否则，移动端加载页面时，默认视口宽度980px或某个值（布局视口宽度），无法呈现实际大小。 说明： 在桌面显示器上CSS中的1 阅读全文
摘要：
1.刮刮乐 案例目标：利用canvas绑定事件，模拟简单刮刮乐程序。 案例思路：在canvas画布上引入是否中奖背景图片，然后在图片上覆盖涂层，当鼠标点击 并移动时擦出路径上的涂层，显示中奖信息。 主要事件：onload，onmousedown，onmousemove，onmouseup 代码示例： 阅读全文
摘要：
1.图像绘制 在canvas中渲染图片，使用“drawImage()”方法。 drawImage()方法有三种形态：基础引入、图片缩放、切片。 ⑴ 基础引入 语法：ctx.drawImage(img,x,y); 说明：参数img是一个image或canvas对象，（x,y）是图像左上角的坐标。 ⑵ 阅读全文
摘要：
1.canvas描述 canvas（画布）是H5提出的新标签，其目的是用于替代类似flash动画或游戏的插件， 能够极大地减少页面结构大小，提高页面响应速度。 说明： ⑴ canvas标签仅是一个图形容器，提供了一个可以绘制图像、图形的区域，可以实时渲染 图形、动画、虚拟图像等，对快速绘图进行了大量 阅读全文
摘要：
1.Web Worker线程 JavaScript语言是单线程模型，通过Web Worker为JS创造多线程环境； 由主线程创建Worker线程，将一些任务分配给Worker运行，两者异步执行； Worker完成计算任务后，再将结果返回给主线程。 优点：可以分担计算密集型或高延迟的任务，确保主线程运 阅读全文
摘要：
1.数据持久化操作对象 本地存储，是相对于数据库存储而言的，是指将数据存储在个人设备上。 存储的操作方式有三种： ⑴ cookie ⑵ localStorage ⑶ sessionStorage 2.cookie 可以通过前台或后台进行设置和获取数据， 在访问网站时自动向后台发送数据。 ⑴ 前台设置 阅读全文
摘要：
1.Ajax封装方法 自封装Ajax请求文件，其实就是将原生的Ajax的请求代码抽象为一个函数， 然后单独生成一个js文件保存，用到Ajax的时候引入文件，调用函数的过程。 封装Ajax大致步骤如下： ⑴ 提供创建xhr对象的兼容性函数 ⑵ 提供发送请求的对外接口 ⑶ 设计并约定对外接口的参数规格 阅读全文
摘要：
1.xhr对象发送post请求 Ajax中post请求与get请求不同之处在于多了一个表单，而get请求则是通过url发送附加信息。 在xhr对象中，post请求可以通过FormData构建表单数据。 语法：var formData = new FormData(); formData.append 阅读全文
摘要：
1.Ajax简述 全名：Asynchronous JavaScript and xml， 是指围绕“由js向服务器发起http请求”这个功能而开发的一整套完整的方法。 因此，引入jQuery封装好的Ajax会浪费很多资源，实际利用到的功能只是很少一部分， 而原生ajax则可以根据实际需求编写代码，减 阅读全文
摘要：
1.时间戳 程序开发中所说的时间戳，通常是指从1970年1月1日0时到当前时间的毫秒数。 time()方法，用于获取当前的时间戳，结果为毫秒数。 date()方法，用于将时间戳结果转换为通常的时间格式。 语法：date(format,timeStamp); //format参数用于定义日期时间格式 阅读全文