Web API [BOM] - 随笔分类 - chichi0002

摘要：滚动窗口至文档中的特定位置 window.scroll(x,y); x和y为需要滚动到的窗口位置阅读全文

posted @ 2022-11-17 15:21 chichi0002 阅读(20) 评论(0) 推荐(0)

摘要：动画函数封装 1.动画实现原理核心原理∶通过定时器setlnterval)不断移动盒子位置。实现步骤: 1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位，才能使用element.style.left 阅读全文

posted @ 2022-11-14 17:34 chichi0002 阅读(23) 评论(0) 推荐(0)

动画缓动效果

摘要：动画缓动效果缓动效果原理缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路∶ 1．让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。 2．核心算法∶(目标值-现在的位置)/ 10做为每次移动的距离步长 <style> div { /* 注意：一定要添加定位 */ position 阅读全文

posted @ 2022-11-14 17:34 chichi0002 阅读(84) 评论(0) 推荐(0)

mouseenter和mouseover的区别（面试题常问）

摘要：mouseenter和mouseover的区别（面试题常问） mouseenter鼠标事件当鼠标移动到元素上时就会触发mouseenter事件类似mouseover，它们两者之间的差别是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发之所阅读全文

posted @ 2022-11-14 17:34 chichi0002 阅读(36) 评论(0) 推荐(0)

PC端网页特效-元素滚动scroll系列

posted @ 2022-11-13 17:12 chichi0002 阅读(435) 评论(0) 推荐(0)

获取元素位置三大系列总结(offset、client、scroll)

posted @ 2022-11-13 17:12 chichi0002 阅读(67) 评论(0) 推荐(0)

PC端网页特效-元素可视区 client 系列

posted @ 2022-11-12 16:33 chichi0002 阅读(31) 评论(0) 推荐(0)

立即执行函数(function( ) { })( )或者(function( ){ }( ))

摘要：立即执行函数(function( ) { })( )或者(function( ){ }( )) 立即执行函数(function( ) { })( )或者(function( ){ }( )) 主要作用:创建一个独立的作用域。避免了命名冲突问题 <script> // 1.立即执行函数:不需要调用，立阅读全文

posted @ 2022-11-12 16:33 chichi0002 阅读(39) 评论(0) 推荐(0)

PC端网页特效-元素偏移量 offset 系列

摘要：PC端网页特效—元素偏移量 offset 系列 1.offset概述 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 2.offset系列常阅读全文

posted @ 2022-09-26 10:15 chichi0002 阅读(67) 评论(0) 推荐(0)

history 对象

摘要：history 对象 window 对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。阅读全文

posted @ 2022-09-25 15:05 chichi0002 阅读(23) 评论(0) 推荐(0)

navigation 对象

摘要：navigation 对象 navigator对象包含有关浏览器的信息.它有很多属性,我们最常用的是 userAgent ,该属性可以返回由客户机发送服务器的user-agent头部的值。下面前端代码可以判断用户那个终端打开页面,实现跳转阅读全文

posted @ 2022-09-25 14:56 chichi0002 阅读(33) 评论(0) 推荐(0)

location对象

摘要：location对象 window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象 ,所以我们将这个属性也称为location对象。 URL 统一资源定位符(Uniform Resource Locator, URL)是互联阅读全文

posted @ 2022-09-25 14:46 chichi0002 阅读(35) 评论(0) 推荐(0)

JS执行队列

摘要：JS执行队列同步和异步同步前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。比如做饭的同步做法:我们要烧水煮饭,等水开了( 10分钟之后) , 再去切菜,炒菜。异步你在做一件事情时,因为这件事情会花费很长时间,在做这件事的同时,你还可以去处理其他事情。比如阅读全文

posted @ 2022-09-25 10:22 chichi0002 阅读(133) 评论(0) 推荐(0)

发送短信-按钮倒计时

摘要：发送短信——按钮倒计时 ==案例分析== 按钮点击之后，会禁用disabled为true 同时按钮里面的内容会变化，注意button里面的内容通过innerHTML修里面秒数是有变化的，因此需要用到定时器定义一个变量，在定时器里面，不断递减如果变量为0说明到了时间，我们需要停止定时器，并且复原阅读全文

posted @ 2022-09-23 21:52 chichi0002 阅读(43) 评论(0) 推荐(0)

案例-倒计时[ setInterval ]

摘要：案例-倒计时[ setInterval ] ==案例分析:== 这个倒计时是不断变化的,因此需要定时器来自动变化( setInterval ) 三个黑色盒子里面分别存放时分秒三个黑色盒子利用 innerHTML /innerText放入计算的小时分钟秒数第一次执行也是间隔毫秒数，因此刚刷新页面会阅读全文

posted @ 2022-09-20 17:10 chichi0002 阅读(59) 评论(0) 推荐(0)

定时器-[setTimeout、回调函数、停止计时器、setInterval( )、]

摘要：定时器-[setTimeout、回调函数、停止计时器、setInterval( )、] 两种定时器：setTimeout( )、setInterval( ) (1) setTimeout( ) window.setTimeout(调用函数，[延迟的毫秒数]); setTimeout() 方法用于设置阅读全文

posted @ 2022-09-20 11:01 chichi0002 阅读(650) 评论(0) 推荐(0)

window 对象的常见事件-[页面窗口加载事件、调整窗口大小事件]

摘要：window 对象的常见事件-[页面/窗口加载事件、调整窗口大小事件] 1.窗口加载事件 (1) window.onload = function() {} 或者 window.addEventListener("load",function() {}); window.onload是窗口(页面)加阅读全文

posted @ 2022-09-20 10:02 chichi0002 阅读(307) 评论(0) 推荐(0)

BOM 概述

摘要：BOM 概述 1.什么是BOM BOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 BOM由系列相关的对象构成,組每个对象都提供了很多方法与属性。 BOM缺乏标准, JavaScript语法的标准化组织阅读全文

posted @ 2022-09-20 09:42 chichi0002 阅读(201) 评论(0) 推荐(0)

chichi0002

随笔分类 - Web API [BOM]

公告