关于web多标签多条件筛选的思考

做项目的过程中,发现一次远程链接数据库的耗时大概是300ms~400ms,切身体会到了前辈们经常说的减少链接的重要性,用了缓存后页面的打开时间从1.5s减少到400ms

前提:

那么来说一说正题,web中多标签多条件筛选的设计.有两个思路:

一种是通过页面刷新来获取数据

一种是通过ajax来异步获取数据

思考:

大的方向两条,分支很多,想搜索一下有没有最优方案,似乎找不到.

spike:

//js来获取用户点击的标签,拼装url,再用window.location.href=url来跳转.

a标签在当前url后加参数,之后用js来改写a标签的herf.

开发到一半从总部传来的消息:不要刷新页面,用异步加载.然后引用一下我老大的反击:

ajax的这几个缺点:
1,SEO不识别
2,无法给出某个城市的URL,因为URL都是一致的(当然可以用#实现。。。)
3,如果服务器响应超过2秒,页面感觉是假死。。(当然可以搞loading。。。)
4,每加一个参数要改很多JS。。。

就是要写很多脚本来兼容这些点。。维护麻烦。。
当然要用我也不排斥。。。就是不喜欢。。

 

时间: 2024-10-10 19:53:19

关于web多标签多条件筛选的思考的相关文章

SharePoint 根据列表项目的元属性按照条件筛选列表项目 Web 部件

SharePoint 根据列表项目的元属性按照条件筛选列表项目 Web 部件 效果截图: 将Web部件添加到列表页面上 删选Country栏目为Germany 筛选城市为Berlin 编辑Web部件,可以选择供筛选的栏目 Web部件下载地址:点击此处下载. 后来知道原来是国人写的. 参考下面的博文: http://www.cnblogs.com/jianyi0115/archive/2011/12/09/2282287.html http://www.cnblogs.com/jianyi0115

web中用纯CSS实现筛选菜单

web中用纯CSS实现筛选菜单 本文我们来用纯css实现像淘宝宝贝筛选菜单那样的效果,例子虽然没有淘宝那样强大,不过原理差不多,如果花点心思也可以实现和淘宝一样的. 内容过滤是一个在Web上常见的一个功能,特别是在电商网站,为了让用户过滤内容,仅显示符合自己的要求的内容.截个图来说,能更好的说明这样的功能,比如淘宝网: 如上图所示,用户想购买一件裙子,在整个产品列表中,显示的产品数量太多了.顾客不知道如何选择自己所需要的裙子.在顶部提供了一个分类,顾客选择需要的选项,产品中就会过滤掉不符合条件的

juqery学习3之juqery对象条件筛选

代码例子:某个div块下的字体样式的控制. 1 //script代码 2 3 <script src="${sitePath}/cec_wcp/js/jquery-1.8.2.min.js" type="text/javascript"></script> 4 <script type="text/javascript"> 5 6 function SetFont(size){ 7 //如果id为news_co

织梦CMS实现多条件筛选功能

用织梦实现筛选的功能,其实主要就是运用到了织梦的高级搜索功能,然后用ajax去post替换掉本来的结果就可以了. 其实筛选的话,主要有两个问题需要解决,一个是前台的筛选实现,一个是后台根据前台的点击,反馈出相应的结果. 于是在网上搜索了N多的资料了之后,先实现前台的功能,就是你点了之后会有一个筛选的效果出来,当然,也只是一个效果.具体可以参照:jquery仿京东筛选效果.下面就一步一步用织梦来实现这样的功能. 首先我们先在后台自定义模型(自定义模型都不会的同学,可以直接去面壁思过了) 看到参照网

iOS: 悬浮的条件筛选框使用二

一.介绍: 在前面已经介绍了一种条件悬浮框,使用的是tableView的Plain分组样式实现的,因为这是tableView本身就具备的功能,分组悬浮效果.这次我来介绍第二种更加简单的方法,采用两个ScrollView来实现. 二.实现技术: (1)两个ScrollView,一个是左右滚动,成为内容视图,另一个是上下滚动,作为容器视图: (2) 创建头视图,头视图中有banner图和条件筛选框,标记banner图的高: (3)合理设置上下滚动的容器视图的frame,它承载头视图和内容视图,不过需

Jquery特效之=》仿京东多条件筛选特效

仿京东多条件筛选特效 品牌: 全部 惠普(hp) 联想(Lenovo) 联想(ThinkPad) 宏基(acer) 华硕 戴尔 三星 索尼 东芝 Gateway 微星 海尔 清华同方 富士通 苹果(Apple) 神舟 方正 优雅 价格: 全部 1000-2999 3000-3499 3500-3999 4000-4499 4500-4999 5000-5999 6000-6999 7000-9999 10000以上 尺寸: 全部 8.9英寸及以下 11英寸 12英寸 13英寸 14英寸 15英寸

HBase多条件筛选查询方案

最近的项目需要使用Hbase做实时查询,由于Hbase只支持一级索引,也就是使用rowkey作为索引查询,所以对于多条件筛选查询的支持不够,在不建立二级索引的情况下,只能使用Hbase API中提供的各种filter过滤器进行筛选,感觉查询效率不太理想,于是考虑建立二级索引的方案. 经过google学习网上前辈们的经验,暂时找到两种可用的方案: 使用Hbase协处理器Coprocessor在写入数据时,创建二级索引表,并将每条数据的索引写入二级索引表中,查询时先根据筛选条件查询二级索引表,获取相

关于进行条件筛选的SQL关键字的一点理解

概述 一般能够用于条件筛选的有三种: ON: 联结(join)筛选 WHERE: 一般条件筛选 HAVING: 分组后的条件筛选 ON JOIN – ON 语句的执行顺序: 例句: SELECT * FROM A LEFT JOIN B ON A.ID = B.ID AND A<>0 WHERE A.name = 'x' 注意在作on 连接后 的and 子句 和where 子句 . 他们有什么不同? 逻辑上解释:(不考虑执行计划中执行步骤和作嵌套连接等具体方式,这里只讨论如何思考逻辑上的步骤)

iOS: 悬浮的条件筛选下拉框的使用

1.介绍 app中条件筛选视图是很常用的功能,一般它搭配着tableView的表头悬浮滚动使用,点击按钮时,就会弹出下拉框显示条件,选择一个条件后,下拉框自动隐藏. 2.效果图如下 从中间点击弹出,然后滚动tableView随着移动,到顶部就悬浮着,下拉时仍然跟着滚动,一直滚动初始位置就停止...   3.实现方式 首先:采用分组的tableView,不过类型必须选择为Plain,这种类型本身就带悬浮效果.如果用Group类型,就没有悬浮效果: //设置tableView风格 -(instanc