什么是防抖?
通俗理解,就是我们在点击请求或者点击加载等过程中,只需要点击一次,但由于请求慢,点击了好多次,导致多次请求,防抖就是在点击了好多次之后的最后一次才会请求。
案例分析:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue项目优化之防抖案例分析</title> <script src="/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="app"> 输入内容:<input type="text" @keyup="deb"/> <div> 输入次数:{{num}}</div> </div> <script> let time var app=new Vue({ el:'#app', data:{ num:0, }, methods:{ deb: function () { let that = this if (time) { clearTimeout(time) } time = setTimeout(function () { that.num++ console.log('输入了'+that.num+'次') time = undefined; }, 2000) } } }) </script> </body> </html>
运行vue函数提示将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称解决方法
上面是“vue项目优化之防抖案例分析”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2212.html
workflows工作流
一座生动的点彩主义灯塔ComfyUI工作流
梦幻中的一只猫咪ComfyUI工作流
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
一幅生动而古怪的时尚鸭子插图ComfyUI工作流
潜水员,珊瑚,鲸鱼,潜水艇comfyui工作流
一只可爱的雪豹在雪地里散步ComfyUI工作流
图生图工作流:一键转换成高清动漫照片
一个孤独的身影在未来主义城市
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3绘制一个会动的大嘴鸟
利用CSS3代码编写45款按钮效果
自动打字效果(惊喜在后面)
jquery做一个漂亮挂墙动态时钟
canvas空间文本射线
css3搭积木叠加图形
制作一个好玩的倒计时
一个包含老黄历、佛历、道历、星宿等数据的日历网站










