zoukankan      html  css  js  c++  java
  • dtree加载慢的问题

      前几天测试的时候,感觉dtree还行,也不是很慢。今天把树分支扩大以后就懵逼了,慢的一匹。

      

      仔细看了下,才发现原来画分支的时候每次都会请求那些图,反复请求下加载时候无形拉长了很多。没有办法,就只能在html中提前加载好,然后js去get图片src。

      html部分:

    <div style = "display:none;">
          <img id = "plus" src = "../images/PPS/dtree_imgs/plus.gif"/>
          <img id = "empty" src = "../images/PPS/dtree_imgs/empty.gif"/>
          <img id = "line" src = "../images/PPS/dtree_imgs/line.gif"/>
          <img id = "join" src = "../images/PPS/dtree_imgs/join.gif"/>
          <img id = "page" src = "../images/PPS/dtree_imgs/page.ico"/>
          <img id = "joinbottom" src = "../images/PPS/dtree_imgs/joinbottom.gif"/>
          <img id = "plusbottom" src = "../images/PPS/dtree_imgs/plusbottom.gif"/>
          <img id = "folder-open" src = "../images/PPS/dtree_imgs/folder-open.ico"/>
          <img id = "folder-close" src = "../images/PPS/dtree_imgs/folder-close.ico"/>
          <img id = "details" src = "../images/PPS/details.ico"/>
     </div>

      js部分:

    this.icon = {
    
            root: '/images/PPS/dtree_imgs/base.ico',
    
            folder: $('#folder-close')[0].src,
    
            folderOpen: $('#folder-open')[0].src,
    
            node: $('#page')[0].src,
    
            empty: $('#empty')[0].src,
    
            line: $('#line')[0].src,
    
            join: $('#join')[0].src,
    
            joinBottom: $('#joinbottom')[0].src,
    
            plus: $('#plus')[0].src,
    
            plusBottom: $('#plusbottom')[0].src,
    
            minus: '/images/PPS/dtree_imgs/minus.gif',
    
            minusBottom: '/images/PPS/dtree_imgs/minusbottom.gif',
    
            nlPlus: '/images/PPS/dtree_imgs/nolines_plus.gif',
    
            nlMinus: '/images/PPS/dtree_imgs/nolines_minus.gif'
    
        };

      改完就快多了:

      

  • 相关阅读:
    企业级-Shell案例6——查看网卡的实时流量
    匿名内部类--毕向东java基础教程学习笔记
    简单的Windows登陆界面设计
    初学多线程练习1--电子时钟
    内部类--毕向东Java基础教程学习笔记
    异常处理——毕向东Java基础教程学习笔记
    Linux:常用shell命令
    CVE-2019-0708漏洞利用复现
    MS17-010漏洞利用复现
    RIP路由协议:基础设置/通信练习/兼容问题
  • 原文地址:https://www.cnblogs.com/wwdPeRl/p/9164004.html
Copyright © 2011-2022 走看看