小程序搜索框实现历史记录和跳转

要实现小程序搜索框的历史记录和跳转功能，可以按照以下步骤进行：

1. 在小程序页面中添加一个搜索框组件，并设置其bindconfirm事件，该事件会在用户点击“搜索”按钮或者按下“回车”键时触发。

2. 在bindconfirm事件中，获取搜索框中用户输入的关键词，并将其保存到本地缓存中，以实现搜索历史记录的功能。代码示例：

wx.setStorageSync('searchHistory', keyword)

3. 在页面渲染时，从本地缓存中获取历史搜索记录，并将其展示在页面上。代码示例：

let searchHistory = wx.getStorageSync('searchHistory')
if (searchHistory) {
  this.setData({
    historyList: searchHistory
  })
}

4. 当用户点击历史搜索记录时，将搜索框中的关键词设置为选中的历史记录，并触发搜索事件，实现跳转。代码示例：

onHistoryTap: function(e) {
  let keyword = e.currentTarget.dataset.keyword
  this.setData({
    inputValue: keyword
  })
  this.onSearch()
}

5. 在搜索事件中，根据用户输入的关键词进行搜索，并展示搜索结果。代码示例：

onSearch: function() {
  let keyword = this.data.inputValue
  // 根据关键词进行搜索，并展示搜索结果
  // ...
}

以上就是小程序搜索框实现历史记录和跳转的基本步骤。需要注意的是，本地缓存的大小是有限制的，如果历史记录太多可能会导致缓存溢出，可以考虑定期清理历史记录。