zoukankan      html  css  js  c++  java
  • 一个搜索框的背后

    要想做好一个让用户喜欢的搜索功能太难了。

    首先,不说界面兼容问题,假设在IE6+、FF、Chrome、Safari、Opera等浏览器下显示正常,不出现错位,字体和搜索框距离大小不一等问题。

    您所使用的或者开发的搜索功能包含以下几点呢?

    1)进入首页,光标默认在搜索框内。光标离开搜索框,搜索框内显示“请输入关键词”等。

    2)当不输入任何关键词,点击搜索仍然会停留在当前页。这里不建议弹出对话框的方式提示用户“请输入关键字”等字样。

    3)输入关键词,出现关键词模糊匹配提示下拉框,其中模糊匹配包括英文、拼音、汉字(包括繁体字)、近义词、错别字等。

    4)点击搜索框右侧的下拉框,显示热词推荐或用户搜索历史。(历史+热词 共10条左右),没有搜索历史则显示:暂无

    5)用户可以清空自己的搜索历史。

    6)搜索类别较多应该显示更多,用户点击下拉显示其它搜索类别。常用的搜索类别排名靠前,不常用的怎么办呢??像百度一样分栏显示??分栏还不够显示呢??

    7)不同的节日和纪念日搜索框上的Logo显示不一样的内容,增加趣味性,给用户关于假日和历史人物等相关人文信息。

    8)用户搜搜javascript代码会怎么样

    9)在网页搜索类别下输入关键词,点击图片直接跳转到图片搜索结果页,结果页显示刚才输入的关键词

    10)用户输入的关键词最大长度

    11)用户不断的刷新重复提交关键词的防治、机器模拟人暴力请求的防治

    12)没有搜到相关词提示

    13)结果页面显示就问题更多了…

    新的理念和技术的加入:语音搜索、图片搜索、我的搜索…

    您还有什么建议呢??欢迎大家补充

  • 相关阅读:
    A16 React+AntDesign AntDesignUI框架初识
    A15 React+AntDesign 路由模块化 嵌套路由父子组件传值
    A14 React+AntDesign 路由嵌套
    react中实现JavaScript跳转路由
    react打包 npm run build 出现空白页面
    在react中解析html标签代码
    es6 模板字符串 在字符串里写变量
    A13 React+AntDesign 路由配置 react-router5.1.2
    nginx动态配置,环境安装
    Spring配置文件内容加密
  • 原文地址:https://www.cnblogs.com/Jack-hui/p/3822979.html
Copyright © 2011-2022 走看看