当前位置: 首页 > news >正文

vue2 实现简易版的模糊查询功能

前置知识

节流函数首先是节流,就是节约流量、内存的损耗,旨在提升性能,在高频率频发的事件中才会用到,比如:onresize,onmousemove,onscroll,oninput等事件中会用到节流函数

输入框的模糊查询功能原理分析

  • 所谓模糊查询就是不需要用户完整的输入或者说全部输入信息即可提供查询服务,也就是用户可以在边输入的同时边看到提示的信息(其实是查询出来匹配到的信息)
  • 百度的搜索功能就是很好的模糊查询的例子;
  • 其实模糊查询的原理就是给输入框绑定oninput事件监听用户输入情况,然后每次用户只要在输入框中输入了信息就触发事件进行查询然后实时展示;
  • 虽然原理很简单,但是实现起来会有一些问题,我们可以想想,每输入一个字符都会触发事件,那如果我们需要输入很长的信息呢,那查询是不是就得触发多次?
  • ajax连续多次触发,再加上如果我们的方法体中有操作DOM元素的方法,那么必然会给我们的浏览器进入假死甚至崩溃状态;那么我们

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • linux 的 InterlockedIncrement
  • Pandas重命名列的各种方法
  • 巨形象,这样看TCP和UDP的区别太简单了
  • Tomcat 乱码问题彻底解决
  • prober found high clock drift,Linux服务器时间不能自动同步,导致服务器时间漂移解决办法。
  • 【Python报错已解决】TypeError: can only concatenate str (not “float“) to str
  • Python排序算法揭秘:冒泡、插入、选择与快速排序的艺术
  • 基于Prometheus和Grafana的现代服务器监控体系构建
  • 艾默生电源维修ASTEC电源模块MP4-2Q-1E-4EE-0N
  • VmWare安装虚拟机保姆级教程(centos7,虚拟机网络设置,虚拟机桌面显示)
  • 高频 SQL 50 题(基础版)| 570. 至少有5名直接下属的经理
  • cocos creator 集成ffmpeg
  • VideoFileClip 切割视频
  • 《家庭无线网络覆盖项目》
  • python 实现similarity search相似性搜索算法
  • 【译】理解JavaScript:new 关键字
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • GraphQL学习过程应该是这样的
  • Java精华积累:初学者都应该搞懂的问题
  • jquery cookie
  • js
  • js面向对象
  • JS实现简单的MVC模式开发小游戏
  • MYSQL 的 IF 函数
  • Next.js之基础概念(二)
  • NSTimer学习笔记
  • Spark VS Hadoop:两大大数据分析系统深度解读
  • SpiderData 2019年2月23日 DApp数据排行榜
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • vue-cli3搭建项目
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 区块链分支循环
  • 说说动画卡顿的解决方案
  • 项目管理碎碎念系列之一:干系人管理
  • 阿里云ACE认证之理解CDN技术
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • ​Benvista PhotoZoom Pro 9.0.4新功能介绍
  • # .NET Framework中使用命名管道进行进程间通信
  • # Kafka_深入探秘者(2):kafka 生产者
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (一)Kafka 安全之使用 SASL 进行身份验证 —— JAAS 配置、SASL 配置
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据
  • .Net 8.0 新的变化
  • .NET C# 使用GDAL读取FileGDB要素类
  • .net core docker部署教程和细节问题
  • .net core 管理用户机密
  • .Net Web项目创建比较不错的参考文章
  • .net 逐行读取大文本文件_如何使用 Java 灵活读取 Excel 内容 ?
  • .NET/C# 使窗口永不激活(No Activate 永不获得焦点)
  • .NET和.COM和.CN域名区别