上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 37 下一页
摘要: mobile 轮播图 小圆点逻辑(排他) 1. 统一给所有 span 元素加 class=""; 2. 切换到谁,谁的 class="active"; 移动端轮播图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name=" 阅读全文
posted @ 2018-11-24 15:37 耶梦加德 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 竖向滑屏 元素最终事件 = 元素初始位置 + 手指滑动距离 移动端,"手指按下","手指移动" 两个事件即可(且不需要嵌套),有需要时才使用 "手指离开事件" 滑屏相关事件 给父元素绑定,是为了全屏滑动 开启定位 上滑,下滑范围限定 3 <!DOCTYPE html> <html> <head> < 阅读全文
posted @ 2018-11-24 11:58 耶梦加德 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 点透(传透) <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> PC 的 click 事件 在移动端,会有 300 ms 的延迟。就是因为避免和手机双击行为发生冲突 点 阅读全文
posted @ 2018-11-24 09:52 耶梦加德 阅读(423) 评论(0) 推荐(0) 编辑
摘要: DOM0 级事件模型(模拟器不支持) DOM0 级事件绑定 在 移动端有 300ms 的延迟 ontouchstart 手指按下事件 ontouchmove 手指移动事件 pntouchend 手指离开事件 DOM2 级事件模型(项目) 手指按下事件 ele.addEventListener("to 阅读全文
posted @ 2018-11-23 17:09 耶梦加德 阅读(127) 评论(0) 推荐(0) 编辑
摘要: document.documentElement.clientWidth 不包含滚动条 window.innerWidth +滚动条 window.outerWidth +浏览器边框 window.width 屏幕区域 IPhone 6 的 屏幕分辨率 为 750*1334 IPhone 6 的尺寸 阅读全文
posted @ 2018-11-23 15:33 耶梦加德 阅读(188) 评论(0) 推荐(0) 编辑
摘要: document.documentElement.clientWidth 不包含滚动条 window.innerWidth +滚动条 window.outerWidth +浏览器边框 window.width 屏幕区域 IPhone 6 的 屏幕分辨率 为 750*1334 IPhone 6 的尺寸 阅读全文
posted @ 2018-11-23 10:56 耶梦加德 阅读(169) 评论(0) 推荐(0) 编辑
摘要: document.documentElement.clientWidth 不包含滚动条 window.innerWidth +滚动条 window.outerWidth +浏览器边框 window.width 屏幕区域 IPhone 6 的 屏幕分辨率 为 750*1334 IPhone 6 的尺寸 阅读全文
posted @ 2018-11-23 09:46 耶梦加德 阅读(197) 评论(0) 推荐(0) 编辑
摘要: canvas 像素操作 像素,即像素点,一个像素只有一个颜色 100*100 的 px 的屏幕区域有 100*100*4 个像素点,即 width*height*4 rgba(0, 0, 0, 1); 在 css 中透明的范围为 0-1 rgba(0, 0, 0, 255); 在 canvas 中透 阅读全文
posted @ 2018-11-21 17:08 耶梦加德 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 刮刮卡(图片合成) 定义: globalCompositeOperation 属性,设置或返回如何将源图像 将 myCanvas 的背景图设置为一张图片,(刮开后显示) // 目标图像(已有的,外面一层即将被刮掉的那一图像) pen.beginPath(); pen.fillStyle = "red 阅读全文
posted @ 2018-11-21 15:33 耶梦加德 阅读(418) 评论(0) 推荐(0) 编辑
摘要: canvas 文本相关 填充文本 pen.fillText("HelloWorld", 100, 100); 文本的(100, 100) 在文本基线处 文本样式 pen.font = "blod 40px 微软雅黑"; 描边文本 pen.strokeText("哈哈", 200, 200); 水平对 阅读全文
posted @ 2018-11-21 15:02 耶梦加德 阅读(1409) 评论(0) 推荐(0) 编辑
上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 37 下一页