小编Nik*_*ola的帖子

jQuery datatables插件太慢 - 需要更换

我已经使用jQuery datatables插件大约两年了,到目前为止它运行得很好.当我需要一次加载大约45000条记录时(单击按钮并等待加载数据的页面),问题就出现了 - 加载时间太大,无法等待.

以下是我使用Chrome网络浏览器进行的测试(数据来自网络标签使用):

打开datatables插件:
5476条记录:45071条记录:
24 requests ? 256.26KB transferred ? 19.80s
(onload: 19.80s, DOMContentLoaded: 18.58s)


34 requests ? 1.85MB transferred ? 11.1min
(onload: 11.1min, DOMContentLoaded: 11.0min)

datatables插件关闭(jQuery数据表初始化被注释掉):
5476条记录:
21 requests ? 255.84KB transferred ? 6.57s
(onload: 13.26s, DOMContentLoaded: 13.28s)

45071记录:
31 requests ? 1.84MB transferred ? 2.0min
(onload: 2.0min, DOMContentLoaded: 2.0min)

数据表加载时间增加对于45k行超过80%,对于5k行几乎为40%.

所以我想知道你们是否知道任何类似的插件可以更快地处理很多行(45000+),或者我只是试图在"一次性"中加载所有45000条记录而忽略了这一点?

任何建议表示赞赏!

php jquery datatables

15
推荐指数
1
解决办法
3万
查看次数

jQuery Themeroller Gallery for Mobile

是否有现成的预制主题库可供jQuery Mobile下载,就像它们用于jQuery UI一样?我确实环顾了jQuery Mobile Themeroller,却找不到它(我知道你可以拖放Adobe kuler样本中的颜色,但我并不热衷于此).

jquery-ui themeroller jquery-mobile

15
推荐指数
0
解决办法
6503
查看次数

ini_set,set_time_limit,(max_execution_time) - 无法正常工作

如果我这样做,set_time_limit(50)或者ini_set('max_execution_time',50)当我回到ini_get('max_execution_time')我的本地主机上时,我得到了50,但当我在另一台服务器上执行此操作时,它会回显默认设置30并完全忽略我的请求.为什么是这样?

php mysql connection

13
推荐指数
1
解决办法
5万
查看次数

从ionic生成非调试apk

我正在使用离子框架为Android平台生成apk.

运行后ionic build android,会生成android-debug.apk.如何生成更小更快的非调试apk?

android angularjs cordova hybrid-mobile-app ionic-framework

13
推荐指数
2
解决办法
1万
查看次数

在Plesk 11中设置cron任务

我正在尝试在Plesk中设置一个cron任务,每5分钟运行一个短脚本,我刚刚从托管主机帐户转移到完全访问Plesk VPS,我在一些事情上有点迷失,特别是这个,当我去Server > Scheduled Tasks找到一个'系统用户'列表如下,但我不确定在哪个用户下做cron任务,有什么想法?

  • ADM
  • 阿帕奇
  • 箱子
  • 守护进程
  • FTP
  • 游戏
  • 地鼠
  • ..一直到webalizer

如果与选择哪个用户相关,则下面是cron脚本路径 -

/var/www/vhosts/mysite.com/httpdocs/scripts/index.php
Run Code Online (Sandbox Code Playgroud)

cron plesk

12
推荐指数
1
解决办法
4万
查看次数

如何在原型继承中创建新对象时覆盖函数?

这篇博文中,我们有一个JavaScript原型继承的例子:

var human = {
    name: '',
    gender: '',
    planetOfBirth: 'Earth',
    sayGender: function () {
        alert(this.name + ' says my gender is ' + this.gender);
    },
    sayPlanet: function () {
        alert(this.name + ' was born on ' + this.planetOfBirth);
    }
};

var male = Object.create(human, {
    gender: {value: 'Male'}
});

var female = Object.create(human, {
    gender: {value: 'Female'}
});

var david = Object.create(male, {
    name: {value: 'David'},
    planetOfBirth: {value: 'Mars'}
});

var jane = Object.create(female, {
    name: {value: …
Run Code Online (Sandbox Code Playgroud)

javascript inheritance javascript-objects

11
推荐指数
2
解决办法
508
查看次数

等待图像加载,然后执行所有其他代码

好吧,我对此失去了理智.我确实在这里阅读了SO和谷歌,我甚至有预装置设置(在这里找到了SO),但我找到的插件/代码都没有帮助我.

我想要做的是:等到所有图像都预先加载,然后才执行所有其他javascript代码.就我而言,它可以(但不是必须)有一个"加载......"的消息.

事实上,我在身体背景中有一个非常大的图像和另外两个也更大的图像,所以我想预加载它们,这样它们就会立即显示,并且不会有那种难看的"加载"图像效果.

这就是我现在使用的,但它并不好:

$(document).ready(function()
{    
     preloadImages();
     ...some other code...

    function preloadImages(){
         imagePreloader([
            'images/1.png',
            'images/2.jpg',
            'images/3.png',                
         ]);
     } 

     function imagePreloader(arrayOfImages) {
         $(arrayOfImages).each(function(){
             (new Image()).src = this;
         });
     }   
}
Run Code Online (Sandbox Code Playgroud)

我不知道,也许我应该在.ready()之外的某个地方调用这个预加载器?或者......那样,请帮忙......

顺便说一句,是的,我也读过这篇文章,我不知道为什么,但.ready()对我来说更快:(

编辑:
好的,所以最后我得到了这个工作.我的问题?我把等待的div设置错了.这是我现在的代码:我有加载div,我在上面显示所有图像,然后当所有图像加载时(使用$(window).load(function(){...});如我所建议,隐藏该div.

<div id="loading">
    <div id="waiting">
        <img class="loadingGif" src="images/loading.gif">            
    </div>
</div>

#loading
{
   background-size: 100%;
   background-color:#000;
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
   z-index:999;
}  

#waiting
{
   margin-left: auto;
   margin-right: auto;    
   position:absolute;
   top: 39%;
   left: 27.81%;
   width: 45%;
   height: 150px;    
   background-color: #FFF;
   border: 12px solid #FF771C; …
Run Code Online (Sandbox Code Playgroud)

jquery image-preloader preload

9
推荐指数
2
解决办法
1万
查看次数

Ionic:使用Cordova检查Internet连接

我正在研究Ionic Framework,并面临使用Apache Cordova Network API检测Android App中的互联网连接的问题.我已经参考了这个教程并创建了一个演示项目,它工作正常.

我按照以下步骤操作.[来自教程]

  1. ionic start testApp sidemenu

  2. ionic platform add android

  3. 打开 testApp/www/js/app.js

  4. 复制粘贴此代码

    if(window.Connection) {
    
      if(navigator.connection.type == Connection.NONE) {
          alert('There is no internet connection available');
      }else{
          alert(navigator.connection.type);
      }
    }else{
          alert('Cannot find Window.Connection');
    }
    
    Run Code Online (Sandbox Code Playgroud)
  5. 安装Cordova插件 cordova plugin add org.apache.cordova.network-information

  6. 建立 ionic build android

  7. ionic run android

这很好用

问题

  1. 复制粘贴www来自mainprojecttestApp并执行步骤6和7

我收到警报 Cannot find Window.Connection

复制粘贴app.js看起来像这样

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory …
Run Code Online (Sandbox Code Playgroud)

angularjs cordova ionic-framework cordova-plugins ionic

9
推荐指数
2
解决办法
4万
查看次数

如何将GET参数传递给jsFiddle

如何将GET参数传递给jsFiddle?我试过http://jsfiddle.net/mKwcF/?id=123,但我得到的只是http://fiddle.jshell.net/mKwcF/show/

我的示例js在上面的给定链接上很简单:

alert(window.location.href);
Run Code Online (Sandbox Code Playgroud)

jsfiddle

8
推荐指数
2
解决办法
2306
查看次数

$(window)和jquery/javascript中的窗口有什么区别

javascript窗口和jquery $(窗口)有什么区别?

我试过Chrome控制台,我得到了这个: 在此输入图像描述

所以,我会得出结论是"只是"一个包含在jquery对象中的窗口对象,然后我可以在其上使用jquery的函数(如height(),width()等...)

我确实尝试使用谷歌搜索,并堆栈:) OFC,但没有运气.

javascript jquery

8
推荐指数
1
解决办法
2万
查看次数