前端
华、、
这个作者很懒,什么都没留下…
展开
-
节流函数和防抖函数
核心思想:触发事件会设置定时器,定时器存在则不做反应。一开始触发了事件,在触发事件的同时创造定时器,后面由于该定时器存在,就不再设置新的定时器。最终实现频繁触发事件,只执行第一次。核心思想:触发事件都会设置一个定时器,再次触发再次创建,并清除前面设置的定时器,直到最后一次触发事件,等待定时器倒计时完成并执行。防抖:单位时间内,频繁触发事件,只执行最后一次。节流:单位时间内,频繁触发事件,只执行第一次。原创 2024-04-09 23:15:47 · 146 阅读 · 0 评论 -
css动画
运行结果:我们可以看到一个粉红色的div盒子沿着向右100px,再向下100px,再向左100px,再向上100px的路线无休止运动。css中也能做出动态效果,这里需要借助css中的动画。原创 2024-04-01 22:32:12 · 363 阅读 · 0 评论 -
前端小转盘
【代码】前端小转盘。原创 2024-03-29 22:38:45 · 517 阅读 · 1 评论 -
vue3路由懒加载
路由懒加载作用:部分项目过大,首次加载耗费时间较多,路由懒加载可以让首屏组件加载速度更快一些,减少用户首次使用等待时间。懒加载通过使用import进行按需导入。路由懒加载的本质:按需引入。原创 2024-03-21 21:07:47 · 816 阅读 · 1 评论 -
vue2中v-for的使用
语法:v-for="(item,index) in 数组名"vue2中v-for主要是用来遍历和通过数据多次渲染页面。原创 2024-03-23 10:45:00 · 480 阅读 · 0 评论 -
js正则表达式
正则表达式是用于匹配字符串组合的模式,在js中,正则表达式也是对象是,通常用于查找、替换那些符合正则表达式的文本。元字符:一些具有特殊含义的字符,比如普通字符a-z是abcdefgh······,换成元字符写法:[a-z]作用:表单验证(匹配)、过滤敏感词(替换)、字符串中提取我们想要的部分(提取){n,} 重复n次或更多次。{n,m} 重复n到m次数。边界符:表示位置,开头和结尾,必须用什么开头,什么结尾。正则可以配合元字符和边界符进行书写。原创 2024-03-19 21:14:53 · 213 阅读 · 0 评论 -
js本地存储(localStorage)
运行结果: 控制台打印obj对象,且通过f12->Application->Local Storage可以查看到存入了的JSON字符串格式的obj。运行结果:控制台打印666,且通过f12->Application->Local Storage可以查看到存入了键为number,值为666的值。取数据:JSON.parse(localStorage.getItem('obj')) //将obj先取出,再转为原来的数据格式。取数据:localStorgae.getItem(key)原创 2024-03-17 18:06:54 · 1205 阅读 · 1 评论 -
js事件流感悟
如果我们点击了Document,执行过程中先经过div,然后经过body,再经过html,最后来到Document,这一过程叫冒泡(小范围到大范围)。如果我们点击了div标签,执行过程时先经过了Document,然后经过html,再经过body,最后来到div,这一过程叫捕获(大范围到小范围)。我们点击黄色盒子,会依次弹出点击了孙子、点击了爸爸、点击了爷爷,从大范围到小范围,这就是事件冒泡。我们点击黄色盒子,会依次弹出点击了爷爷、点击了爸爸、点击了孙子,从大范围到小范围,这就是事件捕获。原创 2024-03-16 09:07:22 · 387 阅读 · 0 评论 -
怪异盒模型介绍
怪异盒模型介绍原创 2024-01-04 15:36:10 · 438 阅读 · 2 评论