09 2019 档案
摘要：window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行 注意：若你想在浏览器下次重绘之前继续更新下一帧动画，那么回调函数自身必须
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <title>2-5单指拖拽</title> <styl
阅读全文
摘要：html字体大小随屏幕大小的改变而改变，封装函数如下： 通用适配中解决了边框1px的问题。
阅读全文
摘要：html字体大小随屏幕大小的改变而改变，封装函数如下：
阅读全文
摘要：移动端常用单位： ①px：像素大小，固定值 ②%：百分比 ③em（不常用，但是在首行缩进时可以使用）：相对自身的font大小（当自身的字体大小也是em做单位时，才会以父元素的字体大小为基准单位） ④rem（移动端主流）：相对根节点(html)的font大小 ⑤vw（视口宽度）：相对视口宽度比例，1vw相当于视口宽度的百分之一 ⑥vh（视口高度）：相对视口高度比例，1vh相当于视口高度的百分之一 视
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>媒体查询-策略</title> <style> *{ box-sizing: border-box; padding: 0; margin: 0; } body{ padding-top: 200px; } img{ width: 100%; height: 100%; } .r
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>手机解锁</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> <style> body{ text-align: center; back
阅读全文
摘要：离屏操作： 1.创建一个新的离屏canvas; 2.把一些复杂额绘画操作（背景），画在离屏canvas上； 3.将离屏canvas通过drawImage（离屏canvas对象，x1,y1,offcanvas.width,offcanvas.height,x2,y2,canvas.width,canvas.height）拷贝到原始的canvas上，减少不断绘制复杂操作，提高性能 最后使用css：di
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>canvas</title> <style type="text/css"> canvas { border: 1px solid red; } </style> </head> <body> <canvas id="myCanvas" width=
阅读全文
摘要：Math.PI/3是60度，true的话是逆时针旋转，false的话是顺时针旋转
阅读全文
摘要：Canvas Quadratic Curve Example This demonstration shows how quadratic curves can be drawn on a canvas element. Drag the line ends or the control point
阅读全文
摘要：以前经常写form表单时，不写id和name，总觉得没有什么用。后来一看后台套完的页面发现，他们都补上name，不知道所以然，就查了一下资料，吓我一跳，要是照我那样写根本不会有数据传到服务器。原来表单提交用户输入的数据，是根据表单元素的name值来控制表单控件的。那么表单控件里面的id是干嘛的？就是
阅读全文
摘要：1、打开数据库 使用 IndexedDB 的第一步是打开数据库，使用indexedDB.open()方法 这个方法接受两个参数，第一个参数是字符串，表示数据库的名字。如果指定的数据库不存在，就会新建数据库。第二个参数是整数，表示数据库的版本。如果省略，打开已有数据库时，默认为当前版本；新建数据库时，
阅读全文
摘要：1、首先需要使用使用indexedDB.open()方法，打开数据库 2、通过createObjectStore方法创建表， 创建表之后， 这个表通过createIndex方法创建索引 3、通过transaction方法创建事务， 新建事务以后，通过IDBTransaction.objectStor
阅读全文
摘要：一、localStorage对象临时储存API 方法： 1、localStorage.setItem(key,value) 设置存储内容 2、localStorage.getItem(key) 获取存储内容 3、localStorage.removeItem(key) 删除存储内容4、localSt
阅读全文
