摘要：var canvas = document.getElementById("canvas") var context = canvas.getContext("2d"); var START = 0; var LOADING = 1; var RUNNING = 2; var PAUSE = 3; 阅读全文
canvas绘制时钟
2019-12-26 23:33 by 张海峰999, 239 阅读, 0 推荐, 收藏, 编辑
摘要：var canvas = document.getElementById("canvas"); var ctx = canvas.getContext('2d'); var rem = 500 / 200; function clock() { ctx.clearRect(0, 0, 500, 50 阅读全文
拖拽
2019-12-25 20:10 by 张海峰999, 464 阅读, 0 推荐, 收藏, 编辑
摘要：拖拽事件 通过拖拽事件，咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发，有些事件是在放置目标上触发的。 拖动某元素时候，触发的事件有：dragstart事件、drag事件和dragend事件。 按下鼠标键并开始移动鼠标的时候，会在被拖拽的 阅读全文
js时间线及defer async
2019-12-22 22:59 by 张海峰999, 324 阅读, 0 推荐, 收藏, 编辑
摘要：1.创建Document对象，开始解析web页面，解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段Document。readyState = "loading"。 2.遇到link外部css，创建线程加载，并继续解析文档。 3.遇到script外部js，并且没 阅读全文
克隆与深度克隆
2019-12-15 21:31 by 张海峰999, 233 阅读, 0 推荐, 收藏, 编辑
摘要：1.浅克隆 var lilei = { sname: "lilei", sage: 20, intr() { console.log(`我是${this.sname},今年${this.sage}`); } } // lilei.intr() function clone(obj) { var ne 阅读全文
知识点
2019-12-14 14:21 by 张海峰999, 224 阅读, 0 推荐, 收藏, 编辑
摘要：1.DOMContentLoad和load 1.DOMContentLoaded是HTML文档（CSS、JS）被加载以及解析完成之后触发（即 HTML->DOM的过程完成 ）； 2.load需要在页面的图片、视频等加载完后被触发，而DOMContent不需要等待这些资源加载完成； ready 1.调 阅读全文
offsetXY clientXY screenXY pageXY
2019-12-08 22:14 by 张海峰999, 210 阅读, 0 推荐, 收藏, 编辑
摘要：offsetX 鼠标相对于事件源左上角X轴的坐标 offsetY 鼠标相对于事件源左上角Y轴的坐标 screenX 鼠标相对于显示器屏幕左上角x轴的坐标； screenY 鼠标相对于显示器屏幕左上角y轴的坐标； clientX 鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角x轴的坐标； 不随滚 阅读全文
事件对象
2019-12-07 14:36 by 张海峰999, 162 阅读, 0 推荐, 收藏, 编辑
摘要：事件冒泡 <div id="box1"> <div id="box2"></div> </div> var div1 = document.getElementById("box1"); var div2 = document.getElementById("box2"); div1.onclick 阅读全文
轮播图
2019-12-02 17:08 by 张海峰999, 135 阅读, 0 推荐, 收藏, 编辑
摘要：<div><img src="1.jpg" alt=""></div> <ul><li class="a">1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul> <script>var i = 0;var timer = null;var img = 阅读全文