weixin_45723378的博客

两行代码实现边界处理首先观察下面呢这个图片，如果不想让小黑的边界越过小红，那就需要约束小黑水平和垂直两个方向上的坐标。我们可以直接用一个条件表达式来规定一下小黑的边界，假设小红时浏览器窗口，当然不要忘记给小黑使用绝对定位。首先时小黑的left值：–如果left<0,就让left=0，否则判断小黑是否超过右边界(l2 > window.innerWidth - d.offsetWidth ),这里记得要减去自身的宽度，同理如果超过了，就让他的left值等于 window.innerW

一个图学会碰撞检测在写一下小游戏时，会遇到一些碰撞检测，那么怎么才能判断出两个元素发生碰撞了呢，下面我们用一个图片来看一下这个问题观察这个图片，我们定义了两个元素a和b,并且标注了a和b的四个边，此时为碰撞的时刻，因为a是包含在b中的，那肯定是碰撞的。那如果不想要碰撞，肯定是两个元素完全不接触，才不会发生碰撞。我们通过一个方向的例子简单看一下：—r2<l1:当b的右边界<a的左边界时，□ ■（左a右b），就是类似于这种情况，那么两者一定不会发生碰撞，同理另外的四个方向也能的

简单总结DOM0和DOM2事件冒泡的机制阻止默认和阻止冒泡（重点）

兼容DOM的触摸事件touchstart 当手指触摸屏幕时触发touchmove 当收拾在屏幕上滑动时触发touchend 当手指在屏幕上移开时触发touchcancel 当系统停止跟踪时触发上述事件都会冒泡，也可以取消，每个触摸事件的event对象都提供了鼠标事件中常见的clientX,clientY等每个触摸事件包含三个触摸列表touches:当前跟踪的触摸操作的Touch对象的数组targetTouches:特定于事件目标的Touch对象的数组cahngeTo

文章目录一、cookie1.构成2.限制3.JS中的cookie二、本地存储1.window.localStorage2.sessionStorage三、三种存储的区别一、cookie1.构成名称：一个唯一可以确定cookie的名称值：存储在cookie中的字符串值域：cookie中哪个域是有效的路径:指定域中的绝对路径失效时间：cookie何时应该被删除时间戳安全标志：指定后cookie只有在使用SSL连接时才发送到浏览器2.限制绑定在特定域名下，无法跨越浏览器对cookie

touch.js——移动端的触摸手势

简单实现键盘控制元素移动

UI事件1.load当页面完全加载后再window上触发，图片也可以触发load事件2.resize当窗口大小变化是在window上触发3.scroll鼠标事件事件onclick 单击事件ondbclick 双击事件oncontextmenu 右键菜单onnouseover 鼠标移入onmouseout 鼠标移出onmouseenter 鼠标移入onmouseleave 鼠标溢出onmousedown 鼠标按下onmouseup 鼠标抬起onmousemove