文章目录

• 前言
• 1. 要实现的UI效果
• 2. 实现步骤
• • 2.1 获取用户输入的搜索关键词
  • 2.2 建议搜索列表的函数封装
  • 2.3 渲染建议列表的UI结构
  • • 2.3.1 定义搜索建议列表
    • 2.3.2 定义模板结构
    • 2.3.1 定义渲染模板结构的函数
  • 2.4 美化搜索建议列表
  • • 2.4.1 建议列表框美化
  • 2.5 输入框的防抖
  • • 2.5.1 什么是防抖
    • 2.5.2 防抖的应用场景
    • 2.5.3 实现输入框的防抖
    • • 1）定义防抖延时器
      • 2）定义防抖函数
      • 3）实现防抖
  • 2.6 缓存搜索的建议列表