Ticket #7 (closed 需求: fixed)
索引页左树优化
| Reported by: | liangqinsheng | Owned by: | liangqinsheng |
|---|---|---|---|
| Priority: | major | Milestone: | 汽车报价v5.5 |
| Component: | 汽车报价库前台 | Version: | 5.5 |
| Keywords: | Cc: | ||
| Due Date: | 04/01/2012 |
Description
在5.5二期优化的时候,左树的优化花了好大的功夫。有如下几点
1.左树静态化,左树的更新通过定时任务更新,以减少页面的大小。
2.js后移,把工具条,车型切换的下拉列表等耗时内容后移,加快页面加载速度。
3.sql优化,把原来复杂的sql查询简单化,合并多余的sql,去除不需要的字段,减少返回的数据量,按需显示。
优化前后的性能对比可以参考 附件的测试报告。
除了性能之外的优化,还做了左树用户体验的优化,如用户点击某一个品牌,js会控制点击节点置顶,展开下面的子节点方便查询。然后每次翻页或重新选择条件,js都会重新定位好左树,不会丢失定位。
调试过程中遇到一个痛苦的问题,找了好久才知道。就是xyz下的品牌老是定位不到,通过js 打印出 各个参数检测又没有问题。开始怀疑是js的执行顺序有关。按图索骥,终于找到原因所在,因为左树的内容是动态通过js文件加载进来的,所以要等左树的所有dom建立好之后,才执行定位函数。如下
$(document).ready(function () {
locateTree("pictree_".concat("${bid}"));
});
Attachments
Change History
Note: See
TracTickets for help on using
tickets.
![(please configure the [header_logo] section in trac.ini)](http://www1.pconline.com.cn/hr/2009/global/images/logo.gif)
