JS进阶DOM和BOM
皮匠大大
这个作者很懒,什么都没留下…
展开
-
JavaScript进阶第六天(动画+轮播图)
01、缓动动画原理(匀减速运动) 核心算法:步长 = (目标值 - 现在的位置) / 10 做为每次移动的距离 02、缓动动画基本代码实现 简单动画函数: function animate(obj, target) { clearInterval(obj.timer); obj.timer = setInterval(function() { if (obj.offsetLeft >= target) {原创 2020-12-16 19:15:22 · 520 阅读 · 0 评论 -
JavaScript进阶第五天(PC网页特效+动画)
01、PC网页特效导读 02、offsetLeft和offsetTop获取元素偏移 eg: <script> // offset 系列 var father = document.querySelector('.father'); var son = document.querySelector('.son'); // 1.可以得到元素的偏移 位置 返回的不带单位的数值 console.log(fathe原创 2020-12-16 19:15:34 · 451 阅读 · 1 评论 -
JavaScript进阶第四天(键盘事件+BOM开始)
01、常用的键盘事件 keyup 按键弹起的时候触发 法1、 document.onkeyup = function() { console.log('我弹起了'); } 法2、 document.addEventListener('keyup', function() { console.log('我弹起了'); }) keydown 按键按下的时候触发 能识别功原创 2020-12-16 19:15:43 · 392 阅读 · 0 评论 -
JavaScript进阶第三天(节点操作+事件对象)
01、删除节点node.removeChild(child) eg: <body> <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul> <script> // 1.获取元素原创 2020-12-16 19:15:56 · 294 阅读 · 0 评论 -
JavaScript进阶第二天(排他思想+节点操作入门)
01、排他思想 <script> // 1. 获取所有按钮元素 var btns = document.getElementsByTagName('button'); // btns得到的是伪数组 里面的每一个元素 btns[i] for (var i = 0; i < btns.length; i++) { btns[i].onclick = function() {原创 2020-12-16 19:17:20 · 540 阅读 · 0 评论 -
JavaScript进阶第一天——操作元素
01、web-APIS简介导读 02、js基础和web APIs两个阶段的关联性 03、API和WebAPI原创 2020-12-16 19:17:37 · 296 阅读 · 0 评论