【记录】【总结】搜索功能

13 篇文章 0 订阅
5 篇文章 0 订阅

  今早又做了一点美化。

  然后忽然发现对列表的搜索功能可以用js做。

  登录时列表已经被加载到网页上面了。有一个搜索功能,就是根据用户输入的关键字从这个列表里查找匹配的条目。

  一开始的时候是想需要用ajax来做,每次根据关键字向服务器发送请求,ajax返回结果并显示。

  但是忽然发现可以不用向服务器发送请求,直接用js来做。每次用户输入关键字时读取关键字,然后枚举列表里的所有条目,符合条件的显示,不符合条件的就隐藏。这样就轻松地达到了预期的效果,而且效率也不错。

  至于服务器方面可能的对商店的更新,我觉得不是很大的问题,用户只需要刷新一遍就可以显示最新的数据了。

  这样之后这个页面就剩下这几个部分了。一个是滚动条,目前只是用div的scroll-y来做,简单粗暴,后面再来改。一部分是关键的那张图片,也要等最后才来弄,估计是最后的了。另一个就是鼠标移动到每个结点上所要显示内容的形式。这个估计今天可以做完。

  --------------------------------

  简单地做完了上面提到的最后一个显示部分。此外还改了好些css和html,写多了一些js,让效果更好一点。

  其实有一个新发现,就是像知乎啊新浪啊之类的网站,中间关键部分的页面其实并不是占着整个屏幕的,而是左右都留了好些空。而我一开始上来为了使图片更大更好看,就写满了整个屏幕。其实那样子的目的并不只是为了好看,而是因为窄屏的电脑的需要,为了使整个页面也能显示在窄屏电脑上。所以刚才也把页面改了,因为那样才是更合乎道理的。

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值