Javascript分享
文章平均质量分 51
周周_加油
周周会成为大佬的
展开
-
jsoo封装灯箱
这两天回顾jsoo,看到一些有意思的东西,比如封装,并写了一些封装的东西。比如封装灯箱啊,封装轮播图啊等等,话不多说上代码。原创 2023-05-24 20:35:20 · 111 阅读 · 0 评论 -
JS预解析(变量提升),它导致了什么问题?
解析的时候会先创建一个全局执行上下文环境,先把代码中即将执行的变量、函数声明都拿出来, 变量先赋值为undefined,函数先声明好可使用。在一个函数执行之前,也会创建一个函数执行上下文环境,跟全局执行上下文类似, 不过函数执行上下文会多出this、arguments和函数的参数。而作用域链的首端指向的是当前执行上下文的变量对象,这个变量对象是执行上下文的一个属性,它包含了函数的形参、所有的函数和变量声明,这个对象的是在代码解析的时候创建的。当访问一个变量时,会到当前执行上下文中的作用域链中去查找,原创 2023-02-02 21:33:10 · 213 阅读 · 0 评论 -
筋斗云案例
var start = parseInt(this.getStyle(ele, attr)) // getStyle(ele,attr)获取ele元素的位置。// 如果运动是负方向,distance小于0,speed也小于0,剩下最后几步负零点几的时候如果向上取整直接就得到0了,就不能运动到终点了。// 让cloud回到上一次点击的位置,按照click里面记录的下标来移动。// 这里没有云的移动,这里只是负责记录点击的位置也就是下标。// 计算当前这一步的速度,是剩下距离的十分之一。原创 2023-02-02 20:52:16 · 121 阅读 · 0 评论 -
js动画函数封装
mouse over鼠标经过盒子会触发,经过盒子还会触发,mouse enter只会经过自身盒子才会触发。5.注意元素需要添加单位才能使用element.style.left。mouse enter 和mouse over的区别。注意函数需要传递两个参数:动画对象和移动到的距离。2.让盒子在当前位置上加上一个移动距离。类似,mouse over 他们两者的区别是。核心原理就是通过定时器不断移动盒子的位置。3.利用定时器不断的重复这个操作。1. 获得当前盒子的位置。十分简单的js动画封装函数。原创 2023-02-02 14:44:52 · 132 阅读 · 0 评论 -
元素三大系列
element.cilentHeight 包括自身包括padding,内容区的高度,不含边框,返回数值不带单位。element.offsetHeight 返回自身包括padding,边框,内容区高度,返回数值不带单位。element.offsetWidth 返回自身包括padding,边框,内容区高度,返回数值不带单位。scroll翻译过来就是滚动的,我们使用sroll系列的相关属性可以得到动态的得到该元素的大小,滚动距离等。原创 2023-01-31 16:41:48 · 51 阅读 · 0 评论 -
BOM剩余知识总结
navigator对象包含有关浏览器的信息,它有很多属性,我们最常用的是userAgent,该属性可以返回客户机发送服务器的user-agent头部的值。3.一旦执行栈里面的所有同步任务执行完毕,系统就会按次序读取任务队列里面的异步任务,于是被读取的异步任务结束等待状态。前一个任务结束再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的,同步的,比如做饭的同步做法。你在做一件事时吗,因为这件事会花费很长时间,你还可以去处理其他事情,比如 做饭的异步做法,我们在烧水的十分钟里面去切菜,炒菜。原创 2023-01-24 10:10:39 · 47 阅读 · 0 评论 -
BOM 窗口事件 至定时器的说明
2.它是一个全局对象 定义在全局作用域中的变量 函数都会变成window的属性和方法在调用的时候可以省略window,前面学习的对话框都是window对象方法 如alert prompt等。注意:有了window.onload就可以把JS代码写到页面元素上方,因为onload是页面全部内容加载完毕再去执行函数。2,这个函数可以直接写函数,或者写函数名 或者采取字符串 ‘函数名()’三种方法 第三种不推荐使用。只有函数执行时候才能确定this到底指向谁,一般情况下this的最终指向的是调用它的对象。原创 2023-01-19 21:40:37 · 58 阅读 · 0 评论