javascript
@万里挑一
世间匆匆,何须畏惧
展开
-
js数组排序(冒泡排序,双重for循环排序,sort方法排序)
是相邻的两个数字进行比较,按照从小到大或从大到小的顺序进行交换,这样一趟过去后,最大或最小的只会被交换到数组的末尾,然后再进行下一轮对比,把最大或最小的值会被交换到数组的倒数第二位“以此类推数组,条件不满足结束循环对比结束。:将第一位依次与后面的元素进行比较,得到最小火最大值,与第一位交换,再次拿第二位依次与后面的元素进行对比获取第二个最小火最大数,与第二位进行位置交换,重复执行,直到外层循环添加不满足交换完毕,排序完成。对您有用的话,动动小手来个赞赞。原创 2023-10-09 09:53:30 · 333 阅读 · 0 评论 -
js之防抖和节流
节流:在固定的时间内,多次操作一个事件,以首次为准(只执行一次操作),固定的时间内不能触发第二次事件。原理:延迟执行下一次事件触发 “在某个时间段内执行一次事件”。防抖:多从操作同一个事件,以末次为准(只执行最后一次操作)。原理:延迟执行下一次事件触发 “在某个时间段内执行一次事件”。作用:降低代码执行频率。作用:降低代码执行频率。原创 2023-09-23 15:07:17 · 94 阅读 · 0 评论 -
本地存储关于localStorage和sessionStorage以及cookie
持久性cookie :设置到期时间,会依据到期时间而删除cookie。会话cookie :没有设置到期时间,会随着浏览器的关闭而删除。可以多窗口(页面共享)(同一浏览器可以共享)在同一个窗口(页面)下数据可以共享。以键值对的形式存储使用。以键值对的形式存储使用。相关:生命周期为关闭浏览器窗口。相关:生命周期永久生效。原创 2023-09-23 14:57:41 · 35 阅读 · 0 评论 -
vue中使滚动条默认停留在底部
(元素内容高度),css样式也要设置好。获取dom元素,使用。原创 2023-09-15 16:51:45 · 872 阅读 · 2 评论 -
vue2和vue3不同写法及区别
-响应式原理不同,vue2原理基础依靠 Object.defineProperty;--写法却别:vue写法共有组合式和选项式两种写法,vue2主要使用。--vue2不支持多根节点,vue3支持多根节点。--vue2和vue3双向数据绑定不同。--vue2和vue3定义数据方法不同。--diff算法不同,vue3更优化。--vue2和vue3生命周期不同。--vue2和vue3插槽不同。2.写法不同,写法详解。写法,vue3主要使用。选项式写法 ,vue3。选项式和组合式写法。原创 2023-03-31 20:35:20 · 3457 阅读 · 6 评论 -
js无缝轮播图,有过渡效果(详细解析)
此时需要注意,需要在判断中用到setTimeout延时器,过渡效果有几秒,延时器也要写几秒。因为有过渡效果,不然会有问题,要把过渡清除,设置延时器是把延时器的时间当做过渡去使用。1.无缝轮播思路:复制轮播图第一张到最后一张,当轮播图到最后一张时,需要判断,到第一张。原创 2023-02-20 20:49:33 · 1284 阅读 · 0 评论 -
JS面试题(持续更新版)
JS面试题,不断持续更新。原创 2023-02-18 19:30:41 · 127 阅读 · 0 评论 -
js视口及【vw,vh,em,rem】 的简单概述
相对于当前对象内本文的字体尺寸(如果没有设置本文尺寸,那就是相对于浏览器默认的字体尺寸,也就是16px),这样计算的话。如果使用em的话,有个好的建议,就是将body的font-size设置成62.5%,也就是16px * 62.5% = 10px。- vmin和vmax,vmin是指选择vw和vh中最小的那个,而vmax是选择最大的那个。- 和百分比不一样的是,vw始终相对于可视窗口的宽度,而百分比和其父元素的宽度有关。- vh把视口的高度分成100份,其中1vh代表一份。vh就是可视窗口的高度了。原创 2022-09-28 23:13:35 · 2061 阅读 · 1 评论 -
js放大镜实现(案例)
话不多说,直接上案例原创 2022-09-22 20:00:08 · 321 阅读 · 0 评论 -
js事件处理程序
Dom2 添加事件监听,使用“click”,省略‘on’,事件可以有两种机制“捕获和冒泡。-DOM0 以“on”开头添加事件,事件默认只有冒泡机制。而响应某个事件的函数就叫做事件处理程序(或事件侦听器)一个事件处理程序只能执行一个事件处理函数。可以给一个元素同时添加多次事件处理函数)-DOM2级事件处理程序。DOM0级事件处理程序。原创 2022-09-17 21:07:50 · 335 阅读 · 0 评论 -
this指向和如何改变this指向 (详解)
this this this this this原创 2022-09-14 21:37:03 · 365 阅读 · 3 评论 -
js之正则表达式
表示有一系列大的字符可供选择,只要有一个匹配即可。原创 2022-09-12 10:21:18 · 186 阅读 · 0 评论 -
js事件对象(event)
event对象代表事件的状态,跟事件相关的一系列信息的集合,鼠标事件对象MouseEvent和键盘事件对象KeyboardEvent。2.事件对象(event)也有兼容性问题 通过window.event的兼容性写法 ,使用时window可以省略。3.事件对象有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数。就是一个事件对象 写到我们的侦听函数的 小括号里当形参来看。1.可以获得和哪个按键结合。2.可以获得点击所在的位置。常用的获取鼠标位置的方法。原创 2022-09-08 22:37:49 · 410 阅读 · 0 评论 -
js实现按钮切换
js实现按钮切换原创 2022-09-08 21:43:13 · 1531 阅读 · 0 评论 -
js轮播图
轮播图原生js原创 2022-09-07 22:03:05 · 149 阅读 · 3 评论