预加载图像的最佳方式

2023-12-21

预加载图像的最佳方法是什么？我正在尝试创建一个包含大约 59 张 png 图像的图像选项卡。这是我到目前为止的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>Checklist</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="/systems_hr/Style%20Library/globalstyles_test.css">
    <style type="text/css">
      #innerframe {
                width: 100%;
                height: 63em;
        }
    </style>
    <script type="text/javascript" src="/systems_hr/Style%20Library/JavaScripts/styles.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>    
    <script type="text/javascript">    

      var id1 = new Image();
      id1.src = "images/id1.png";

      var id11 = new Image();
      id11.src = "images/id1-1.png";

      var id12 = new Image();
      id12.src = "images/id1-2.png";

      var id13 = new Image();
      id13.src = "images/id1-3.png";  

      var id2 = new Image();
      id2.src = "images/id2.png";

      var id21 = new Image();
      id21.src = "images/id2-1.png";

      var id22 = new Image();
      id22.src = "images/id2-2.png";

      var id23 = new Image();
      id23.src = "images/id2-3.png";    

      var id3 = new Image();
      id3.src = "images/id3.png";

      var id31 = new Image();
      id31.src = "images/id3-1.png";

      var id32 = new Image();
      id32.src = "images/id3-2.png";

      var id33 = new Image();
      id33.src = "images/id3-3.png";       

      var id4 = new Image();
      id4.src = "images/id4.png";

      var id41 = new Image();
      id41.src = "images/id4-1.png";

      var id42 = new Image();
      id42.src = "images/id4-2.png";

      var id43 = new Image();
      id43.src = "images/id4-3.png"; 

      var iw1 = new Image();
      iw1.src = "images/iw1.png"

      var iw11 = new Image();
      iw11.src = "images/iw1-1.png"

      var iw12 = new Image();
      iw12.src = "images/iw1-2.png"

      var iw13 = new Image();
      iw13.src = "images/iw1-3.png"

      var iw14 = new Image();
      iw14.src = "images/iw1-4.png"

      var iw2 = new Image();
      iw2.src = "images/iw2.png"

      var iw21 = new Image();
      iw21.src = "images/iw2-1.png"

      var iw22 = new Image();
      iw22.src = "images/iw2-2.png"

      var iw23 = new Image();
      iw23.src = "images/iw2-3.png"

      var iw24 = new Image();
      iw24.src = "images/iw2-4.png"  

            var iw3 = new Image();
      iw3.src = "images/iw3.png"

      var iw31 = new Image();
      iw31.src = "images/iw3-1.png"

      var iw32 = new Image();
      iw32.src = "images/iw3-2.png"

      var iw33 = new Image();
      iw33.src = "images/iw3-3.png"

      var iw34 = new Image();
      iw34.src = "images/iw3-4.png"  

      var iw4 = new Image();
      iw4.src = "images/iw4.png"

      var iw41 = new Image();
      iw41.src = "images/iw4-1.png"

      var iw42 = new Image();
      iw42.src = "images/iw4-2.png"

      var iw43 = new Image();
      iw43.src = "images/iw4-3.png"

      var iw44 = new Image();
      iw44.src = "images/iw4-4.png"      

      var im1 = new Image();
      im1.src = "images/im1.png"

      var im11 = new Image();
      im11.src = "images/im1-1.png"

      var im12 = new Image();
      im12.src = "images/im1-2.png"

      var im13 = new Image();
      im13.src = "images/im1-3.png"

      var im2 = new Image();
      im2.src = "images/im2.png"

      var im21 = new Image();
      im21.src = "images/im2-1.png"

      var im22 = new Image();
      im22.src = "images/im2-2.png"

      var im23 = new Image();
      im23.src = "images/im2-3.png"

      var im3 = new Image();
      im3.src = "images/im3.png"

      var im31 = new Image();
      im31.src = "images/im3-1.png"

      var im32 = new Image();
      im32.src = "images/im3-2.png"

      var im33 = new Image();
      im33.src = "images/im3-3.png"

      function changeFrame (frameSRC)
      {
        var myFrame = document.getElementById('fraContent'); 
        myFrame.contentWindow.location =  frameSRC;
      }

      function rolloverArea(area, orgImgSrc, tgtImgSrc, orgCursor, tgtCursor) // jQuery script for rollover effect
      {
        $("#imgTab").attr("src", orgImgSrc);
        $(area).hover(
          function()
            {
              $("#imgTab").attr("src", tgtImgSrc);
              $("#imgTab").css("cursor",tgtCursor);
            },
          function()
            {
              $("#imgTab").attr("src", orgImgSrc);
              $("#imgTab").css("cursor",orgCursor);
             }
        );
      }

      /*function initLoad ()
      {
      }*/

      function changeImgState(img) // tab interface of Day Week and Month arrows
      {
        var myImgTab = document.getElementById("imgTab");

        switch (img)
        {
          case 'id1':

            myImgTab.src = id1.src;

            // Rollover effect for the image
            rolloverArea("#area1",id1.src,id1.src,"auto","auto");
            rolloverArea("#area2",id1.src,id11.src,"auto","pointer");
            rolloverArea("#area3",id1.src,id12.src,"auto","pointer");
            rolloverArea("#area4",id1.src,id13.src,"auto","pointer");
            rolloverArea("#area5",id1.src,id1.src,"auto","auto");

            // onClick effect
            $("#area2").click(function() {
              $("#innerframe").attr("src","D2.html");
              changeImgState("id2");
              }
             );

             $("#area3").click(function() {
              $("#innerframe").attr("src","D3.html");
              changeImgState("id3");
              }
             );

             $("#area4").click(function() {
              $("#innerframe").attr("src","D4.html");
              changeImgState("id4");
              }
             );

            break;
          case 'id2':

            myImgTab.src = id2.src;

            // Rollover effect for the image
            rolloverArea("#area1",id2.src,id21.src,"auto","pointer");
            rolloverArea("#area2",id2.src,id2.src,"auto","auto");
            rolloverArea("#area3",id2.src,id22.src,"auto","pointer");
            rolloverArea("#area4",id2.src,id23.src,"auto","pointer");
            rolloverArea("#area5",id2.src,id2.src,"auto","auto");

            // onClick effect
            $("#area1").click(function() {
              $("#innerframe").attr("src","D1.html");
              changeImgState("id1");
              }
             );

             $("#area3").click(function() {
              $("#innerframe").attr("src","D3.html");
              changeImgState("id3");
              }
             );

             $("#area4").click(function() {
              $("#innerframe").attr("src","D4.html");
              changeImgState("id4");
              }
             );

            break;

          case 'id3':

            myImgTab.src = id3.src;

            // Rollover effect for the image
            rolloverArea("#area1",id3.src,id31.src,"auto","pointer");
            rolloverArea("#area2",id3.src,id32.src,"auto","pointer");
            rolloverArea("#area3",id3.src,id3.src,"auto","auto");
            rolloverArea("#area4",id3.src,id33.src,"auto","pointer");
            rolloverArea("#area5",id3.src,id3.src,"auto","auto");

            // onClick effect
            $("#area1").click(function() {
              $("#innerframe").attr("src","D1.html");
              changeImgState("id3");
              }
             );

            $("#area2").click(function() {
              $("#innerframe").attr("src","D2.html");
              changeImgState("id2");
              }
             );

             $("#area4").click(function() {
              $("#innerframe").attr("src","D4.html");
              changeImgState("id4");
              }
             );

            break;

          case 'id4':

            myImgTab.src = id4.src;

            // Rollover effect for the image
            rolloverArea("#area1",id4.src,id41.src,"auto","pointer");
            rolloverArea("#area2",id4.src,id42.src,"auto","pointer");
            rolloverArea("#area3",id4.src,id43.src,"auto","pointer");
            rolloverArea("#area4",id4.src,id4.src,"auto","auto");
            rolloverArea("#area5",id4.src,id4.src,"auto","auto");

            // onClick effect
            $("#area1").click(function() {
              $("#innerframe").attr("src","D1.html");
              changeImgState("id3");
              }
             );

            $("#area2").click(function() {
              $("#innerframe").attr("src","D2.html");
              changeImgState("id2");
              }
             );

             $("#area4").click(function() {
              $("#innerframe").attr("src","D4.html");
              changeImgState("id4");
              }
             );

            break;

          case 'iw1':

            myImgTab.src = iw1.src;

            rolloverArea("#area1",iw1.src,iw1.src,"auto","auto");
            rolloverArea("#area2",iw1.src,iw11.src,"auto","pointer");
            rolloverArea("#area3",iw1.src,iw12.src,"auto","pointer");
            rolloverArea("#area4",iw1.src,iw13.src,"auto","pointer");
            rolloverArea("#area5",iw1.src,iw14.src,"auto","pointer");

            break;
          case 'im1': 

            myImgTab.src = im1.src;

            rolloverArea("#area1",im1.src,im1.src,"auto","auto");
            rolloverArea("#area2",im1.src,im11.src,"auto","pointer");
            rolloverArea("#area3",im1.src,im12.src,"auto","pointer");
            rolloverArea("#area4",im1.src,im13.src,"auto","pointer");
            rolloverArea("#area5",im1.src,im1.src,"auto","auto");           
            break;
        }

      } 

      function changeTab(tab)
      {   
        switch(tab)     
        {
          case 'day1':
            var myTab = document.getElementById("day1");

            document.getElementById("week1").className = "active";
            document.getElementById("month1").className = "active";        
            myTab.className = "current"; 

            changeImgState("id1");
            $("#innerframe").attr("src","D1.html");

            break; 
          case 'week1':
            document.getElementById("day1").className = "active";
            document.getElementById("month1").className = "active";         
            document.getElementById("week1").className = "current";

            changeImgState("iw1");
            $("#innerframe").attr("src","W1.html");

            break;
          case 'month1':
            document.getElementById("week1").className = "active";
            document.getElementById("day1").className = "active";         
            document.getElementById("month1").className = "current";

            changeImgState("im1");
            $("#innerframe").attr("src","M1.html");

            break;
        }  

      }

      function test(tab)
      {
        alert(document.getElementById.id + " " + document.getElementById(tab).className)
      }
    </script>

  </head>
  <body onload="changeTab('day1');">
  <table border="0" width="100%">
  <tr>
    <td colspan="2" align="left">
      <div id="navcontainer">
        <ul id="navlist">
          <li><a class="active" id="day1" onclick="changeTab('day1');">FIRST DAY</a></li>
          <li><a class="active" id="week1" onclick="changeTab('week1');">FIRST WEEK</a></li>
          <li><a class="active" id="month1" onclick="changeTab('month1');">FIRST 30-DAYS</a></li>
        </ul>
      </div>
      <div id="page_viewer">
          <table border="0" width="1020px" cellpadding="0" cellspacing="0">
          <tr>
            <td>
              <img src="" style="border: 0px; width: 1000px; height: 72px;" alt="" usemap="#imgTabMap" name="imgTab" id="imgTab">
                <map id="imgTabMap" name="imgTabMap">
                  <area shape="rect" alt="" title="" coords="7,11,166,60" id="area1">
                  <area shape="rect" alt="" title="" coords="206,10,365,59" id="area2">
                  <area shape="rect" alt="" title="" coords="405,11,566,59" id="area3">
                  <area shape="rect" alt="" title="" coords="605,10,763,60" id="area4">
                  <area shape="rect" alt="" title="" coords="805,9,963,60" id="area5">
                  <!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) -->
                </map>

            </td>
          </tr>
          <tr>
            <td width="100%">
              <iframe name="fraContent" id="innerframe" frameborder="0" scrolling="no" width="1000px"></iframe>
            </td>
          </tr>
          </table>
      </div>
      </td>
    </tr>
  </table>
  </body>
</html>

现在的问题是我的页面需要一段时间才能加载，而且我不明白为什么单击选项卡似乎会缓慢加载 iframe。加载iframe的src是否会导致图像再次预加载？在点击时加载相关图像而不是在页面打开时加载它们会更好吗？

我还发现了一个很好的替代方案，即 Lieldulev 的并行加载脚本（图像队列） http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/但我不知道如何使用它。

顺便说一句，我不太熟悉 JavaScript，所以我在工作时努力学习。现在，我正在做的是实现我研究的技术并试图理解它们的功能，因此我的编码并不像我希望的那么干净，有时甚至只是使用低效的“蛮力”代码以获得想要的效果。不过，我想改进这一点，任何帮助将不胜感激。

关于并行缓存脚本，这是我根据 Nick 的演示设置的测试页面：

        <html> 
        <head> 
            <title>liel's smij dev page</title> 
            <style type="text/css"> 
                #m1{
                    width:400px;
                    height:300px;
                    background-color:#adf;
                }
                canvas{
                    width:100%;
                    height:100%;
                }
                #show_me{float:left;width:100px;}
                #console_log{font-size:10px;float:right;}
            </style> 
            <script type="text/javascript" src="/systems_hr/Style%20Library/JavaScripts/imagesQueue.js"></script> 
        </head> 
        <body> 
                <h1>imagesQ(ueue.js) Demo</h1> 
                <!-- <img id="show_me" src="images/id1.png"> -->
                <img id="show_me" alt="">
                <div id="console_log">Log:</div> 
                <script type="text/javascript"> 
                    /*
                        imagesQueue Usage Example:
                    */
                    // the img element to show
                    show_img = document.getElementById('show_me');
                    log_e = document.getElementById('console_log');
                    log = function(output){log_e.innerHTML +='<br/>'+(output)};
                    imagesQueue = imagesQ;
                    // On every image loaded show progress:
                    imagesQueue.onLoaded = function()
                    {
                        show_img.src = imagesQueue.current.src;
                        var output = 'Q1 '+(imagesQueue.images.length)+"/"+(imagesQueue.qLength)+" ("+imagesQueue.current.src+") Loaded (onLoaded)";
                        log(output);
                    }
                    // When done say so.
                    imagesQueue.onComplete = function()
                    {
                        QueuesCompleteAll();
                    }
                    log('Q1 Queued 10 images (queue_images)');
                    var now =(new Date).getTime(); // make sure to get non-cached images
                    imagesQueue.queue_images(['images/id1.png'+now,
                                              'images/id1-1.png'+now,
                                               'images/id1-2.png'+now,
                                               'images/id1-3.png'+now,
                                                'images/id2.png'+now,
                                                'images/id2-1.png'+now,
                                                'images/id2-2.png'+now,
                                                'images/id2-3.png'+now,
                                                'images/id3.png'+now,
                                                'images/id3-1.png'+now]); 

                    log('Starting the queue (process_queue)');
                    var start = (new Date).getTime();
                    imagesQueue.process_queue();
                    log('This is the next line in the code after process_queue, to avoid this, you should design create a function for the rest of your code and call it upon onComplete.');
                    function QueuesCompleteAll(){
                        var diff = (new Date).getTime() - start;
                        log('All Done ('+diff+'ms)');
                    }
                </script> 
        </body> 
</html>

目前，我无法让它工作:( 我上传了 imagesQueue 脚本并将其链接到页面，并将原始演示页面中的图像值替换为我的开发站点中的图像值。

当您想要通过单击实现流畅的图像更改时，您的想法很好。尽管脚本是用纯 JavaScript 编写的（您可以使用更方便的方法：http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript）它不应该对性能有这么大的影响。也许原因在其他地方。也许你的图片太重了...

除了 javascript 之外的另一个解决方案是使用纯 CSS 方法，我想它会快得多。尝试将所有图像放在单个 PNG 上，并在 CSS 中尝试操纵各个选项卡的背景位置值。例如：

.tab {
    background-image:url('single.png');
}
#tab5 {
    background-position: 10px 20px;
}
#tab5:hover {
    background-position:10px 25px;
}

这样所有图像都会一次加载一次。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

预加载图像的最佳方式的相关文章

npm 脚本：node-sass 不监视部分 sass 文件

我有这个项目结构 src assets css sass main scss variables scss 我正在尝试编写一个 npm 脚本该脚本将监视我的所有 scss 文件包括部分文件中的更改然后仅编译我的 main scss
Jquery 动画与 CSS 浮动

我的代码有问题宽度似乎可以工作但浮动没有这里是这是一个例子 http jsfiddle net v82ck http jsfiddle net v82ck 问题悬停时菜单上的浮动属性不会改变我希望每个菜单元素下方的线在悬停该菜单
如何使用 jquery 从 iframe 内部滚动？

我正在使用一个 Shadowbox 它生成一个 iframe 以在页面上显示产品详细信息由于详细信息页面可能相当长因此客户端需要一个更多按钮来向下滚动页面显然 iframe 右侧的滚动条还不够这是我为了让 iframe 滚动而尝
jQuery 选择器可以应用于一个元素而不是整个文档吗？

jQuery td class bgoff each function var td jQuery this no apply selector to this only 我正在处理 html 中的表格数据并尝试解析每个 TD 的内容它们
Angular 2 最终版本路由器单元测试

如何使用 karma 和 jasmine 对 Angular 2 0 0 版中的路由器进行单元测试这是我的旧单元测试在版本 2 0 0 beta 14 中的样子 import it inject injectAsync beforeEac
Backbone-relational 无法实例化两个 RelationalModel 对象

我正在尝试实现 BackboneRelational 并不断获得无法实例化多个 Backbone RelationalModel 每种类型都有相同的 ID class App Models User extends Backbone Re
HTML5 拖放 - 没有透明度？

当我将一个元素拖放到页面上时该元素会变成幻影基本上它获得了一些透明度值有什么办法可以做到吗opacity 1 看来是做不到了拖动的元素被放入具有自己的不透明度低于 1 的容器中这意味着虽然您可以降低拖动元素的不透明度但您无法
在 Chrome 中检索浏览器语言

我一直在尝试让 momentjs 正确检测浏览器语言并本地化时间显示按照使用 Moment js 进行区域设置检测 https stackoverflow com questions 25725882 locale detection w
Typeahead.js 干扰 Bootstrap 输入组

如何防止 Typeahead js 拆分我的 Twitter Bootstrap 3 输入组每当我将 Typeahead javascript 指向属于输入组一部分的文本区域时连接的文本区域和提交按钮就会停止连接这只是 Typeahe
替换 Javascript 中的引号？

对于我正在制作的网络应用程序我将收到文本字符串其中偶尔包含引号因为我接下来要 document writing 字符串所以需要将它们更改为撇号或转义我该怎么做因为当我尝试时它似乎不起作用特别是我认为因为字符串的引号阻止了脚本的
HTML if 语句在 CDN 失败时加载本地 JS/CSS

当从 CDN 或任何外部服务器加载 CSS JS 文件时有可能即使概率很低由于外部故障而丢失该文件在这种情况下 html 页面将因缺乏适当的 CSS 和 JS 而被损坏有没有一种实用的方法可以在 CDN 故障时加载本地版本 IF
如何获取 svgElement 的比例？

我正在研究 svg div style width 300 height 300 div
设计 Javascript 前端 <-> C++ 后端通信

在我最近的将来我将不得不制作一个具有 C 后端和 Web 前端的系统要求目前我对此了解不多我认为前端将触发数据传输而不是后端所以不需要类似 Comet 的东西由于在该领域的经验可能很少我非常感谢您对我所做的设计决策的评论
如何在变量名中使用变量

所以我正在使用这样的 json 变量 opponentInvData item1 它包含项目 1 到 6 我需要动态访问不同的项目并将它们设置为空 itemNum 是我需要访问的特定项目我正在尝试使用 eval 函数 var itemNu
在javascript中定义Date.parse的格式[重复]

这个问题在这里已经有答案了我正在使用 Date parse 将字符串转换为 JavaScript 中的日期但是如果字符串看起来像 10 11 2016 它会被解释为 2016 年 10 月 11 日我需要将其解释为 2016 年 1
如何修复 AJAX 在选中复选框时始终触发？

有时这个 AJAX 会触发有时不会让我解释一下 habit js document ready function habit check change function habit this parent siblings habit
如何在odoo中重写js函数

我想加载 shop checkout url 函数是 odoo define change info order website sale change info order function require use strict oe w
addEventListener keydown 不起作用

我在互联网上找到了一些基本的 Pong 代码并尝试添加按键代码在这里 http cssdeck com labs ping pong game tutorial with html5 canvas and sounds http css
将元素添加到 D3 圆包节点

我正在尝试制作一个可缩放的圆形包装图我希望每个子圆圈包含一个较小的图表该图表始终具有相同的结构即 4 列只有条形的高度会改变我尝试添加一个简单的rect到目前为止我的图表但矩形没有添加到圆圈中并且是静态的 JS var marg
截断段落前 100 个字符并隐藏段落的其余内容，以通过更多/更少链接显示/隐藏其余内容

我有一个超过 500 个字符的段落我只想获取最初的 100 个字符并隐藏其余部分我还想在 100 个字符旁边插入更多链接单击更多链接时整个段落应显示并编辑文本更多到更少单击更少时它应切换行为段落是动态生成的我无

随机推荐

以编程方式找出谁对我们的 iPhone 应用程序给予了 5 星评级

我看到很多应用程序都说如果您给我们的应用程序评分 5 星您将获得 1000 个金币用户可以在下载的应用程序中使用这些硬币我想实现相同的功能我们如何以编程方式确定谁对我们的 iPhone 应用程序给予了 5 星评级以便我们可以在他
安装nodejs后未定义require

首先我从下载了node jslink https nodejs org en 然后我安装了browserifynpm install g browserify 然后我安装了fsnpm install fs 我收到以
将 FindBugs 配置从 Sonar 导入到 Maven

如何使用 Sonar 中的 FindBugs 配置文件作为规则集Maven FindBugs 插件 https gleclaire github io findbugs maven plugin 您可以放置您的文件即findbugs s
非常大且非常稀疏的非负矩阵分解

我有一个非常大且稀疏的矩阵 531K x 315K 单元格总数约为 1670 亿非零值仅为 1s 非零值总数约为 45K 有高效的 NMF 包来解决我的问题吗我知道有几个软件包可以实现这一点并且它们仅适用于小尺寸的数据矩阵任何想法都
WPF 将父绑定对象传递给转换器

我有 ItemsControl 绑定到 Student 类型的集合在 ItemTemplate 内部我有一个 TextBox 它使用 IValueConverter 来执行一些自定义计算和逻辑我想将实际的 Student 对象传递给值
如何使用jquery在加载时滑动整个页面

我想在更改时将整个页面向下滑动我想做到这一点的方法是创建一个垂直幻灯片在单击链接时播放并在页面加载时再次播放到目前为止我只能创建影响特定 DIV 的幻灯片我还希望它能够垂直滑入任何想法将不胜感激只需将所有内容包装在一个 di
为什么应该仅在 1 个元素张量上或使用变量的梯度来调用向后函数？

我是 pytorch 的新手我想了解为什么我们不能对包含大小为 2 2 的张量的变量调用后向函数如果我们确实想在包含大小为 2 2 的张量的变量上调用它我们必须首先定义一个梯度张量然后在包含张量 w r t 定义的梯度的变量上调用后
C# 如何使用 DataAnnotations StringLength 和 SubString 删除文本

我有一个模型类它有一个描述属性其数据注释属性为 StringLength 长度设置为 100 个字符当此属性超过 100 个字符并且实体框架尝试保存此属性时我收到以下错误 StringLength 100 ErrorMessage
SQL：条件 AND in where

我正在尝试创建一个允许省略参数的存储过程但如果提供了参数则进行 AND 操作 CREATE PROCEDURE MyProcedure LastName Varchar 30 NULL FirstName Varchar 30 NULL
Apache Commons CLI - 订购帮助选项？

我正在使用 Apache Commons CLI 默认情况下它按字母顺序对命令行上的帮助选项进行排序那么出现的就是 csv ip msisdn xml 但我想按如下方式订购它们 csv xml ip msisdn 我知道您可以使用一个
通过 Access 中的 ODBC 链接表更新 SQLite 数据库

我在使用 SQLite 数据库时遇到问题我正在使用 SQLite ODBChttp www ch werner de sqliteodbc http www ch werner de sqliteodbc 安装 64 位版本并使用以下设置
OpenERP (Odoo) 在哪里找到模块路径？

我正在使用 Odoo v 8 我想找出 Odoo 在哪里找到模块所在的信息并加载它们我知道文件 openerp server conf 中有一个变量 addons path 我找到该变量的唯一文件是 opt odoo odoo debia
Python：按索引过滤列表

在Python中我有一个元素列表aList和索引列表myIndices 有什么方法可以一次检索所有这些项目aList将以下值作为索引myIndices Example gt gt gt aList a b c d e f g gt gt g
在 JavaScript 中保存哈希/锚点更改的历史记录

我目前正在实现一个 JavaScript 库用于跟踪地址栏中哈希部分的更改历史记录这个想法是您可以在哈希部分保留一个状态然后使用后退按钮返回到之前的状态在大多数最新的浏览器中这是自动的您只需轮询location hash属性进
npm run 运行缓慢

我曾经通过 Makefile 运行各种命令但对于 Nodejs 项目来说 package json 是更合适的地方通过 npm 运行命令效果很好但与命令时间执行相比非常慢 time node modules bin jshint no
IIS 7.5 修复尝试加载格式不正确的程序问题？

我遇到一个异常问题抛出异常尝试加载格式不正确的程序错误我在同一台 IIS 服务器上有两个相同的网站我的构建配置适用于其中一个但不适用于另一个我的 C MVC 2 Web 应用程序可以部署到驻留在同一 IIS 7 5 Web 服
有没有比 dict() 更快的东西？

我需要一种更快的方式来存储和访问大约 3GB 的数据k v对在哪里k是一个字符串或一个整数并且v is an np array 可以有不同的形状是否有任何对象在存储和访问这样的表时比标准 python 字典更快例如一个pandas
SceneKit 在立方体测试中的性能

在学习游戏 3D 图形编程时我决定从使用 Scene Kit 3D API 开始简单我的第一个游戏目标是构建一个非常简化的我的世界的模仿版一个只有立方体的游戏这有多难下面是我编写的一个循环用于放置 100 x 100 立方体
Fragments 中的“onViewStateRestored”如何工作？

我真的对 Fragment 的内部状态感到困惑我有一个活动一次只保存一个片段并在应该显示另一个片段时替换它来自文档onSaveInstanceState叫做ONLY如果活动onSaveInstanceState正在被调用在我的例子中
预加载图像的最佳方式

预加载图像的最佳方法是什么我正在尝试创建一个包含大约 59 张 png 图像的图像选项卡这是我到目前为止的代码

预加载图像的最佳方式

预加载图像的最佳方式 的相关文章

随机推荐

热门标签

预加载图像的最佳方式的相关文章