![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB API
文章平均质量分 92
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
JavaScript WebAPI 系列七 移动端常见特效;classList属性;click延迟插件;Wwiper轮播图插件;视频插件;开发框架等,本地存储
1.0 移动端常见特效1.1 案例:移动端轮播图移动端轮播图功能和基本PC端一致。可以自动播放图片手指可以拖动播放轮播图案例分析很多:可以去看笔记window.addEventListener('load', function() { // alert(1); // 1. 获取元素 var focus = document.querySelector('.focus'); var ul = focus.children[0]; // 获得focus原创 2021-03-30 14:30:35 · 174 阅读 · 0 评论 -
JavaScript WebAPI 系列六 动画函数封装;回调函数;缓动、匀速效果;网页动效案例;节流阀;触屏事件以及事件对象;案例
1.0 动画函数封装**核心原理:**通过定时器 setInterval() 不断移动盒子位置。实现步骤:获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left var div = document.querySelector('div'); var times = setInterval(function() { if原创 2021-03-30 14:07:21 · 202 阅读 · 0 评论 -
JavaScript WebAPI 系列五 offset系列 ; client系列;scroll系列;淘宝flexible源码;立刻执行函数;mouseenter 不冒泡;
1.0 元素偏移量 offset 系列 (返回的数值都不带单位)offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意: 返回的数值都不带单位offset系列常用属性:element.offsetParent (返回作为该元素 带有定位的父极元素 ,如果父极没有定位返回 body)(这个不是一定是亲爸爸,只要带有定位的父极元素就行)element.offse原创 2021-03-30 12:22:26 · 271 阅读 · 0 评论 -
JavaScript WebAPI 系列四 键盘事件;顶级对象window;窗口加载事件;调整窗口大小事件;定时器;location对象;navigator对象;history对象及方法
1.0 常见的键盘事件以及对象事件除了使用鼠标触发,还可以使用键盘触发, 注意给文档 document 添加键盘事件键盘事件onkeyup (某个键盘按键被松开时触发)onkeydown (某个键盘按键被按下是触发)onkeypress (某个键盘按键被按下时并且弹起时触发)这个基本不用!它不识别功能键,比如左右箭头,shift 等;并且他区分大小写事件对象:keyCode 是事件对象(返回改建的ASCLL表的值)注意:onkeypress 和前面2个的区别是,它不识别功原创 2021-03-29 20:45:02 · 280 阅读 · 0 评论 -
JavaScript WebAPI 系列三 注册事件、删除事件的两种方式以及兼容方案;DOM事件流(冒泡阶段和捕获阶段);事件对象的常见属性和方法;鼠标事件对象
1.0 三种动态创建元素区别document.write()element.innerHTMLdocument.createElement()区别:document.write 是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘innerHTML 是将内容写入某个 DOM 节点,不会导致页面全部重绘innerHTML 创建多个元素效率更高(不要拼接字符串,采取数组形式拼接),结构稍微复杂createElement() 创建多个元素效率稍低一点点,但是结构更清晰原创 2021-03-29 19:00:04 · 214 阅读 · 0 评论 -
JavaScript WebAPI 系列二 排他思想;自定义属性(包括h5新增的data-);父、子、兄弟节点;创建、添加、删除、复制节点
1.0 操作元素–排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己 // 1. 获取所以按钮元素 var btns = document.getElementsByTagName('button'); // btns 得到的是伪数组 里面的每一个元素 btns[i] for (v原创 2021-03-29 17:03:20 · 239 阅读 · 0 评论 -
JavaScript WebAPI 系列一 JS的组成、获取元素的多个方式、操作元素的内容、元素属性、表单元素属性、元素样式属性、flag算法
1.0 Web APIs 和 JS 基础关联性1.1 JS的组成JavaScript 由 ECMAScript(JavaScript基础) 、DOM和BOM组成。(DOM和BOM也就是web API)。1.2 JS 基础阶段以及 Web APIs 阶段JS 基础阶段我们学习的是 ECMAScript 标准规定的基本语法要求同学们掌握 JS 基础语法只学习基本语法,做不了常用的网页交互效果目的是为了 JS 后面的课程打基础、做铺垫Web APIs 阶段Web APIs 是 W3C原创 2021-03-29 15:12:01 · 185 阅读 · 0 评论