
wabapi
HWRY
这个作者很懒,什么都没留下…
展开
-
JQUERY 01
01-JQUERY入门导读02-JAVASCRIPT库 什么是js库? JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)03-jQuery概述 jQuery优点有哪些? 04-jQuery基本使用-入口函数 如何下载jquery? https://jquery.com/ jquery入口函数的两种写法? 05-jQuery顶级对象$ $和jQuery有什么区别和联系? $是 jQuery 的别称,在代码中可以使用 jQuery 代替,.原创 2021-10-10 18:31:17 · 136 阅读 · 0 评论 -
WEB API 七
一 移动端轮播图 01-移动端轮播图-结构搭建 02-移动端轮播图-布局分析 03-移动端轮播图-滚动图片 让图片滚动的核心思路是什么? ul.style.transition = 'all .3s' ul.style.transform = 'translateX(' + translatex + 'px)'; 04-移动端轮播图-无缝滚动 如何监听过渡动画完成的事件? 监听 transitionend 事件 05.原创 2021-10-07 18:13:15 · 92 阅读 · 0 评论 -
WEB API 六
一 缓动动画 1 缓动动画原理 什么是缓动动画? 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来 缓动动画的核心算法是什么? (目标值- 现在的位置) / 10 作为每次移动的距离步长 缓动动画的停止条件是什么? 让当前盒子位置等于目标位置就停止计时器 2 缓动动画基本代码实现 3 缓动动画多个目标值之间移动 4 缓动动画添加回调函数 .原创 2021-10-06 19:24:43 · 178 阅读 · 0 评论 -
WEB API 五
一 元素偏移量 offset系列 1 offsetLeft 和 offsetTop获取元素偏移 如何返回元素相对带有定位父元素上方的偏移? offsetTop 如何返回元素相对带有定位父元素左边框的偏移? offsetLeft 2 offsetWidth和offsetHeight获取元素大小 1 如何返回自身包括padding,边框,内容区的宽度? offsetWidth 不带单位 2.原创 2021-10-06 19:18:10 · 133 阅读 · 0 评论 -
web API 四
一 常用的键盘事件监听键盘抬起用 onkeyup监听键盘按下用 onkeydown1 onkeydown和onkeypress有什么不同?keydown 按键按下的时候触发 能识别功能键 比如ctrl shift 左右箭头keypress 按下的时候触发 不能识别功能键 比如 ctrl shift 左右箭头2 三个事件的执行循序 keydown --> keypress --> keyup3 keyCode 判断用户按下那个键 利用事件对象的那个属性 可以获取键.原创 2021-10-06 18:20:20 · 75 阅读 · 0 评论 -
WEB API 三
//1.删除节点//语法:父节点.removeChild(删除的节点)//varul=document.querySelector('ul')//ul.removeChild(ul.children[0])//2.复制节点//语法:节点.cloneNode(true)//深拷贝节点.cloneNode(false)、节点.cloneNode()//浅拷贝//区别:深拷贝会复制当前节点及所有子节点,浅拷贝只会复制...原创 2021-09-26 19:04:21 · 204 阅读 · 0 评论 -
WEB API 第二天
// 1. 获取所有按钮元素 var btns = document.getElementsByTagName('button'); // btns得到的是伪数组 里面的每一个元素 btns[i] for (var i = 0; i < btns.length; i++) { btns[i].onclick = function() { // (1) 我们先把所有的按钮背景颜色去掉 干掉所有..原创 2021-09-26 19:03:06 · 84 阅读 · 0 评论 -
wabapi一
<body> <div id="mydiv" class="mydiv"> 我是一段文字1 </div> <div class="mydiv"> 我是一段文字2 </div> <input type="text" value="我是一段文字"> <img src="./2-案例/images/close.png" alt=""></body><script>.原创 2021-09-23 18:57:08 · 125 阅读 · 0 评论