上一页 1 ··· 7 8 9 10 11 12 13 14 下一页
2019年9月16日
移动端常用单位——rem
摘要： 移动端常用单位： ①px：像素大小，固定值 ②%：百分比 ③em（不常用，但是在首行缩进时可以使用）：相对自身的font大小（当自身的字体大小也是em做单位时，才会以父元素的字体大小为基准单位） ④rem（移动端主流）：相对根节点(html)的font大小 ⑤vw（视口宽度）：相对视口宽度比例，1vw相当于视口宽度的百分之一 ⑥vh（视口高度）：相对视口高度比例，1vh相当于视口高度的百分之一 视 阅读全文
posted @ 2019-09-16 23:22 是桂 阅读(2107) 评论(0) 推荐(0) 编辑
媒体查询media query
摘要： <!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 阅读全文
posted @ 2019-09-16 22:41 是桂 阅读(823) 评论(0) 推荐(0) 编辑
2019年9月12日
canvas——绘制解锁图案
摘要： <!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 阅读全文
posted @ 2019-09-12 00:50 是桂 阅读(1301) 评论(0) 推荐(0) 编辑
2019年9月10日
canvas——离屏
摘要： 离屏操作： 1.创建一个新的离屏canvas; 2.把一些复杂额绘画操作（背景），画在离屏canvas上； 3.将离屏canvas通过drawImage（离屏canvas对象，x1,y1,offcanvas.width,offcanvas.height,x2,y2,canvas.width,canvas.height）拷贝到原始的canvas上，减少不断绘制复杂操作，提高性能 最后使用css：di 阅读全文
posted @ 2019-09-10 16:26 是桂 阅读(1832) 评论(0) 推荐(0) 编辑
2019年9月9日
canvas——动画实例
摘要： <!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= 阅读全文
posted @ 2019-09-09 22:17 是桂 阅读(585) 评论(0) 推荐(0) 编辑
canvas绘制圆弧
摘要： Math.PI/3是60度，true的话是逆时针旋转，false的话是顺时针旋转 阅读全文
posted @ 2019-09-09 22:08 是桂 阅读(239) 评论(0) 推荐(0) 编辑
canvas二次贝塞尔&三次贝塞尔操作实例
摘要： 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 阅读全文
posted @ 2019-09-09 22:05 是桂 阅读(261) 评论(0) 推荐(0) 编辑
2019年9月5日
validity属性返回对象中的属性值
摘要： 阅读全文
posted @ 2019-09-05 21:12 是桂 阅读(396) 评论(0) 推荐(0) 编辑
form表单中id与name的区别
摘要： 以前经常写form表单时，不写id和name，总觉得没有什么用。后来一看后台套完的页面发现，他们都补上name，不知道所以然，就查了一下资料，吓我一跳，要是照我那样写根本不会有数据传到服务器。原来表单提交用户输入的数据，是根据表单元素的name值来控制表单控件的。那么表单控件里面的id是干嘛的？就是 阅读全文
posted @ 2019-09-05 20:14 是桂 阅读(6842) 评论(0) 推荐(1) 编辑
2019年9月4日
indexedDB数据库完整创建流程
摘要： 1、打开数据库 使用 IndexedDB 的第一步是打开数据库，使用indexedDB.open()方法 这个方法接受两个参数，第一个参数是字符串，表示数据库的名字。如果指定的数据库不存在，就会新建数据库。第二个参数是整数，表示数据库的版本。如果省略，打开已有数据库时，默认为当前版本；新建数据库时， 阅读全文
posted @ 2019-09-04 18:11 是桂 阅读(1813) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 下一页