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