09 2019 档案

js中的常见的兼容问题
摘要：window对象的属性： 可视区域的宽度：window.innerWidth || document.documentElement.clientWidth(兼容IE) || document.body.clientWidth 可视区域的宽度：window.innerHeight || docume 阅读全文
posted @ 2019-09-23 12:00 Glu__TtoNy 阅读(250) 评论(0) 推荐(0) 编辑
js-浅谈DDOM的操作
摘要：DOM是document Object Model的缩写，简称文档对象模型。他给文档提供了一种结构化的表示方式，可以改变文档的内容和呈现方式。①DOM的分层结构（节点树）：节点关系: 根节点：一个HTML文档只有一个根，它就是HTML节点。 子节点：某一个节点的下级节点。 父节点：某一个节点的上级节 阅读全文
posted @ 2019-09-15 16:34 Glu__TtoNy 阅读(497) 评论(0) 推荐(0) 编辑
ES5的一些常用方法
摘要：ES5: 1.严格模式： 调用方法： "use strict" ; 作用范围：全局模式：放在脚本文件的第一行，则整个脚本文件都将以“严格模式”运行。 局部模式：将"use strict"放到函数内的第一行。 严格模式的语法要求： ① 必须用var声明变量 "use strict"; a = 10; 阅读全文
posted @ 2019-09-15 15:07 Glu__TtoNy 阅读(1098) 评论(0) 推荐(0) 编辑
面向对象实现贪吃蛇
摘要：// 地图： function Map(){ // 提前预置宽高的尺寸 this.w = 800; this.h = 400; // 创建元素功能 this.display(); } Map.prototype.display = function(){ // 创建元素 this.ele = doc 阅读全文
posted @ 2019-09-08 18:12 Glu__TtoNy 阅读(188) 评论(0) 推荐(0) 编辑
原生js实现拖拽效果
摘要：css样式布局： html部分： js主体部分： 接下来用混合继承实现box2移动时有边界的效果： 思路：1.实现拖拽效果主要有三个事件，当鼠标按下的时候，获取鼠标相对于事件发生元素的位置（offsetX/offsetY）;当鼠标移动的时候，利用鼠标指针相对于浏览器页面（或客户区）的坐标（clien 阅读全文
posted @ 2019-09-02 08:05 Glu__TtoNy 阅读(360) 评论(0) 推荐(0) 编辑