
JavaScript
小御姐@stella
这个作者很懒,什么都没留下…
展开
-
按键 tab 则 切换输入框, 按键 ↑↓ 则 加减数值
2、进入页面就聚焦到第一个输入框( 用focus() );tab切换时,聚焦到下一个输入框;聚焦到最后一个输入框时,再tab切换,聚焦到第一个输入框。1、按键 tab切换input框,默认tab切换会聚焦到浏览器地址栏(F12时会聚焦到开发者工具选项),我们需要阻止该默认事件。3、使用el-input-number设置好属性,实现↑↓按键input框值加减。不要忽视你达成的每个小练习,它是你前进路上的垫脚石。3、进入页面就监听tab事件,离开页面时移除监听事件。如有不足,欢迎指正。原创 2024-09-29 09:09:57 · 471 阅读 · 0 评论 -
性能优化之自定义指令实现图片懒加载
是常见的用于在页面滚动时动态加载图片,而不是在页面加载时一次性加载所有图片。性能优化必备提高页面加载速度的手段,特别是在包含大量图片的网站上。图片懒加载的原理,其实就是,当图片出现在视口内时,进行图片的加载。市场上也有成熟的第三方库可以帮助我们实现图片懒加载,如 Vue Lazyload 或 vue3-lazy。不过在这里,我通过自己的理解,使用浏览器 API——Intersection Observer 实现图片懒加载的自定义指令。很多问题有多种解决方案,深入探究,前进。积跬步,至原创 2024-08-07 23:04:15 · 1157 阅读 · 15 评论 -
多种方式实现 元素高度丝滑的从0-1显示出来
多种方式实现 元素高度丝滑的从0-1显示出来原创 2024-07-18 13:17:47 · 1038 阅读 · 7 评论 -
提升用户体验之requestAnimationFrame实现前端动画
requestAnimation实现前端动画使用方法原创 2024-07-03 11:06:52 · 1401 阅读 · 0 评论 -
Vue2手写一个全局命令式loading组件
Vue2手写一个全局命令式loading组件原创 2024-06-25 09:33:03 · 1437 阅读 · 0 评论 -
利用fetch内置API和createObjectURL实现静态资源的下载
利用fetch内置API和createObjectURL实现静态资源的下载原创 2024-06-21 12:13:54 · 257 阅读 · 0 评论 -
仿写Vue中的:style属性
仿写Vue中的:style属性原创 2024-06-17 14:00:00 · 314 阅读 · 0 评论 -
Vue2实现一个简单的命令式组件
Vue2实现一个简单的命令式组件原创 2024-06-12 10:00:00 · 686 阅读 · 0 评论 -
Vue2实现动态组件
Vue2实现动态组件原创 2024-06-11 09:00:00 · 646 阅读 · 0 评论 -
面试官:如何实现进入页面即触发全屏事件
面试官:如何实现进入页面当即显示全屏原创 2024-06-05 13:16:36 · 410 阅读 · 0 评论 -
面试官:说说Object有哪些常用的方法?
面试官:说说Object有哪些常用的静态方法?原创 2024-06-05 12:35:13 · 1123 阅读 · 1 评论