Tag: 性能

Jquery日期选择器无法通过php保存在数据库中: 这是我的总代码，但问题是我无法在数据库原因日期选择器中插入数据。没有日期选择器它在数据库中成功插入，当总表为空时，它第一次成功插入，但其他时间它没有插入任何东西。请任何人帮助我？ CREATE TABLE IF NOT EXISTS `teacher` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(50) NOT NULL, `father_name` varchar(50) NOT NULL, `mother_name` varchar(50) NOT NULL, `address` text NOT NULL, `sex` varchar(50) NOT NULL, `position` varchar(150) NOT NULL, `subject` varchar(150) NOT NULL, `sallary` int(50) NOT NULL, `dtime` date NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY […]

如何按顺序加载图像？: 我正在开发一个长滚动网站，其中包含许多完整的背景高分辨率图像。由于所有图像默认并行加载，因此加载时间过长。所以在我自定义写东西之前首先加载后来会发生什么（这样第一个滚动几乎会立即加载，用户将在读取第一部分时等待剩余部分：P），是否有任何脚本开箱即用吗？我正在考虑一些现有的代码，它们将读取每个img标签或background-image属性/ style-attribute，并根据它们在HTML上的外观或一些额外的属性顺序加载图像。我更喜欢vanilla JS或jQuery。如果我找不到它，我会自己写一个插件，投票/鼓励接受！

jQuery排序函数性能: 我正在排序元素列表。我在页面上调整了一个function，我现在无法链接。你可以在这里看到现场网站。单击“排序和过滤”，然后单击任何排序方法（英文名称，材料，状态…）。所有种类都基本相同，因此CPU时间是相同的。我的jQuery函数看起来像这样： jQuery.fn.sort = function() { return this.pushStack([].sort.apply(this, arguments), []); }; function sortAscending1(a, b) { return $(a).find(“.english”).text() > $(b).find(“.english”).text() ? 1 : -1; }; function sortDescending1(a, b) { return $(a).find(“.english”).text() < $(b).find(".english").text() ? 1 : -1; }; 我从以下jQuery行调用它（s_alf_eng是页面上的一个clicable div）。 $(document).ready(function() { $(“.s_alf_eng”).toggle( function() { $(‘.media-status-specie li’).sort(sortAscending1).appendTo(‘.media-status- }, function() { $(‘.media-status-specie […]

jQuery元素 vs element.class性能: 我想知道哪种方式会更快，选择元素： $(‘element[href=#my_link]’); 要么： $(‘element.my_class’); 我不喜欢在编写代码时重复自己，所以我更喜欢在大多数情况下以第一种方式编写代码，因为我可以添加信息，如： Delete $(‘a[href^=#delete]’); 然后将其拆分，以便我可以获得点击后所需的所有信息，或者无论操作是什么。我是否因此牺牲了整体表现？（我想我可以把它重写为class =“delete”href =“＃1”）

非阻塞脚本不使用jQuery: 我正在研究一个非阻塞脚本，它工作正常但是当我尝试加载jQuery时，它的加载但是我无法执行像这个简单警报的jQuery函数： $(document).ready(function(){ alert(‘jQuery loaded !’); }); 这就是我想要的： var xhrObj = XMLHttpRequest(); xhrObj.onreadystatechange = function(){ if(xhrObj.readyState == 4){ var element = document.createElement(“script”); document.getElementsByTagName(‘head’)[0].appendChild(element); element.text = xhrObj.responseText; } }; xhrObj.open(‘GET’, ‘js/jquery.js’, true); xhrObj.send(”); 并尝试过： var js = document.createElement(‘script’); js.src = ‘js/jquery.js’; var head = document.getElementsByTagName(‘head’)[0]; head.appendChild(js); 这是Firebug错误的结果： ReferenceError: $ is not defined $(document).ready(function(){ 但当我检查Firebug网络时，jQuery被加载…. 需要一些帮助..谢谢！

JavaScript性能，同时将大量子元素附加到大量元素中: 我在页面上有很多选择输入（96或384）。每个都有一个广泛的选项列表 – 几乎1000.因此页面的大小在4-8MB（压缩1-4MB）之间。我决定只使用一次选项列表，然后使用JavaScript将其添加到每个输入，从而加快页面加载速度。不幸的是，浏览器需要很多时间来完成任务（在FF 10上约3分钟）或挂起（Chrome 17）。我试图用jQuery和纯JS完成任务。没有任何区别。这项任务可行吗？编写快速高效的JavaScript应该怎么知道？编辑：我将所有选项都放在一个字符串中，并使用innerHTML将它放到select输入中。感谢您的快速回复。 Edit2：我按照Diodeus建议的方式生成元素。但是，当select元素处于焦点时我加载选项（谢谢rlemon）。我相信所有答案都非常有用，对于有类似问题的人来说可能很有价值。谢谢你们。

将行为无条件地绑定到文档是不是很糟糕？: 我正在处理的页面上的分页控件在有超过1页的情况下有条件地绑定。我不喜欢在我的项目中看到以下代码， if (pages > 1) { $(‘.some_class’).bind(‘event’, function() {}); } 因为我觉得它代表了一种杂乱无章的编码风格。我会把它放在与return语句相同的水平上，而不是使用控制。我觉得绑定事件到全局可用对象在函数调用的本地范围内没有位置。所以我通常做的是制作两个javascript文件，例如： pagination.js和pagination-controls.js 。在一个我有关于构建HTML和显示分页控件的逻辑。在另一方面，我有如下声明： $(document).on(‘click’, ‘.pagination .next’, function() {}); 无论页面上的任何位置是否有$(‘.pagination .next’)元素，都会触发。我喜欢这种感觉：网站有行为，它只知道id和类，而不是某些局部范围内的实例变量。编辑：这绝对是不好的做法，如下所述。然而：从jQuery 1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。关于直接和委托事件的讨论是相关的。特别是我认为以下内容描述了我的用法：通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委派事件来避免频繁附加和删除事件处理程序。例如，此元素可以是模型 – 视图 – 控制器设计中视图的容器元素，如果事件处理程序想要监视文档中的所有冒泡事件，则可以是文档。编辑：所以我想现在我想知道“基于逻辑无条件地将绑定行为绑定到父元素上是不是很糟糕？” 这可能只是一个风格问题，我的原始问题已得到回答，所以我想我会接受答案。

Jqgrid – 未捕获RangeError：超出最大调用堆栈大小: 动态列宽根据其内容我试着通过这种方式动态调整列宽，通过查找每行的字符长度，然后最终获得最大长度并将其设置为网格列宽。 loadComplete : function () { $(“#grid”).on(“jqGridAfterLoadComplete jqGridRemapColumns”, function () { var $this = $(“#grid”), colModel = $this.jqGrid(“getGridParam”, “colModel”), iCol, iRow, rows, row, n = $.isArray(colModel) ? colModel.length : 0; var rowData = “”; var rowDataLen=””; var input = []; var divs = $( “div” ); var colWidth=125; for (iCol = 0; iCol < […]

一段时间后网站速度慢（ajax间隔为10秒）: 我创建了一个酒店管理系统，其中加载了脚本，尤其是ajax。主界面包括已登记的客人，每10秒更新/刷新一次。这样做的原因是通知用户（收银员）客人的住宿结束。问题是，当我有80行或更多行（签入）时，系统会变慢。它消耗了大量内存。我的决心是将RAM升级到6GB，并将google chrome的缓存大小增加到200MB。不幸的是，问题仍然存在。感谢您的帮助和时间。谢谢。还有一件事，一个解决方案是重新启动计算机，它恢复正常。然而，过了一段时间，它会回来。系统全天候运行，每12小时重启一次。这是用户界面的图像。 http://sofzh.miximages.com/javascript/Capture.png

给定步骤的CSS3或jQuery动画: 我有一个CSS，使淡出效果。 #mainframe.normal { opacity: 1.0; } #mainframe.faded { opacity: 0.0; } #mainframe { /* Firefox */ -moz-transition-property: opacity; -moz-transition-duration: 3s; /* WebKit */ -webkit-transition-property: opacity; -webkit-transition-duration: 3s; /* Standard */ transition-property: opacity; transition-duration: 3s; } 它由以下脚本控制： document.getElementById(‘mainframe’).className = “faded”; 不幸的是，CSS中没有参数，它设置了应该使用的步骤，只有整个动画和Bezier函数的总时间（慢，快……）。我在jQuery中寻找它，但jQuery似乎也没有这样的参数。有没有办法设置单帧超时（或者，相同，应该使用多少帧）？我需要它来尝试提高iPhone的平滑度（我认为较小的步骤==更高的性能）。问候，