小编dam*_*zzi的帖子
(闲置)在Google Chrome DevTools Profiler中意味着什么？
可能这很明显,但我找不到答案..
idle这种情况下的确切含义是什么？真的没有什么事吗？或者只是没有JavaScript被解析/执行？
推荐指数
解决办法
查看次数
从Node.js中的数组中对类似的字符串进行分组
假设我在数组中有一组不同的URL:
var source = ['www.xyz.com/Product/1', 'www.xyz.com/Product/3', 'www.xyz.com/Category/1', 'somestring']
迭代数组并将类似字符串分组到单独数组中的好方法是什么？上面示例中的所需输出将是:
var output = [
['www.xyz.com/Product/1', 'www.xyz.com/Product/3'],
['www.xyz.com/Category/1'],
['somestring']
];
条件
- 其中的所有项目都
source可以是随机字符串 - 逻辑必须能够在有意义的时间内对100'000个项目进行比较和分组
我找到了字符串相似性库,它可以将一个字符串与字符串集合进行比较.一种方法是迭代源,将每个项目与源集合进行比较,并应用规则对具有相似分数的项目进行分组.但是,我想这将是非常低效的.
有人可以建议我一个有效的方法来完成我需要的东西吗？
推荐指数
解决办法
查看次数
延迟加载图像的源占位符
我正在使用延迟加载机制,只有在用户视口中加载相关图像时才会加载.
为此,我定义了一个data-src链接到原始图像的属性和一个base64编码的占位符图像作为src属性,以使HTML有效.
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-src="/path/to/image.png" alt="some text">
我注意到chrome缓存了base64字符串但字符串很长并且使我的HTML膨胀(我在页面上有很多图像).
所以我的问题是,使用小的base64编码或1px x 1px占位符图像是否更好？
注意:对于SEO目的,元素必须是img.我的HTML也必须有效,因此src需要一个属性.
推荐指数
解决办法
查看次数
DNS预取子域名
我是否必须单独预取子域？
例如,当我这样<link rel="dns-prefetch" href="//example.com">做时,我还需要一个额外的标签//static.example.com？
推荐指数
解决办法
查看次数
css相对定位不适用于chrome
我在Google Chrome中的相对定位存在问题以下代码在IE中运行良好,但在Chrome中运行不正常.相对定位相对于元素的正常位置.红色框的正常位置在黑匣子的正下方.如果我添加10%的空间,红色框应该在正常位置下出现10%.
HTML
<body>
<div id="outer">
<div id="inner1">
</div>
<div id="inner2">
</div>
</div>
</body
CSS
#outer
{
position:absolute;
left:20%;
right:20%;
bottom:20%;
top:20%;
background-color:Blue;
}
#inner1
{
position:relative;
width:20%;
height:20%;
background-color:Black;
}
#inner2
{
position:relative;
top:10%;
width:20%;
height:20%;
background-color:Red;
}
推荐指数
解决办法
查看次数
如何正确下载.vcf文件
我想知道,我怎样才能实现Vcard下载.这是我目前的代码:
$path = "../../media/resources/";
$file = "someName.vcf";
header('Content-Type: text/x-vCard');
header('Content-Disposition: attachment; filename= "'.$file.'"');
header('Content-Length: '.filesize($path.$file));
header('Connection: close');
readfile($path.$file);
不幸的是,它只提供.vcf文件中的内容.如何将此vcard作为下载提供给用户？
推荐指数
解决办法
查看次数
Jquery：如何结合 addCLass() after() 和 slideDown()
我正在尝试将一个类添加到现有的 div 容器中，并在现有的 div 下方插入一个新的 div（成功时）。
<script>
$(document).ready(function(){
$(".entry").click(function(){
$('#content').addClass("col2",1000).after('<div class="box col2">test</div>', function(){
$(this).slideDown();
});
});
});
<script>
不幸的是，这段代码不能正常工作。slideDown 函数不起作用，即使前一个函数尚未完成，新的 div 也已经出现。
如果有人可以帮助我就好了。
推荐指数
解决办法
查看次数
面向 iframe 的表单在 FireFox 中不起作用
我有一个针对隐藏 iframe 的表单。这对于 IE 来说工作正常，但是当在 FireFox 中提交表单时没有任何反应。尚未提交。知道是什么造成了差异吗？
表单和 iframe 在这里：
<form name="dial" method="get" target="callout" action="/cgi-bin/make_call.php">
<input type="text" style="width:190px;" id="calling" name="calling" />
<input type="hidden" name="caller" value="<? echo $extension; ?>">
<input type="submit" name="search" class="btn btn-info btn-large" style="width:65px; height: 30px; position:relative;top:-5px;left:-2px; padding:0.2em; " value="Dial" />
</form>
<iframe name="callout" width="0" height="0"></iframe>
正在加载的页面是：
<?
$caller = $_GET['caller'];
$calling = $_GET['calling'];
//Clean the non numbers out of our string
$calling = preg_replace("/[^0-9]/","",$calling);
//If we are dialing a 7 digit number add a 9 to …推荐指数
解决办法
查看次数
JSDOC：是否可以链接到模块属性？
我想知道是否可以从一个模块链接到另一个模块的属性/方法。
到目前为止，我已经尝试过但没有成功的方法：
/**
* {@link module:modules/modulName#id}
*/
我的模块遵循以下模式：
/**
* @module modules/modulName
*/
define(function() {
'use strict';
/**
* @alias module:modules/modulName
*/
var module = {
/** Initialisation */
init: function() {}
};
return module;
});
有没有办法实现我想要的？
推荐指数
解决办法
查看次数
内联需要调用requireJS配置,该调用遵循加载我的应用程序的脚本标记
我正在使用requireJS,我想从中访问一个特定的模块.不幸的是,我总是收到404消息,说明找不到该模块.
我在路径配置中包含我的js文件,如下所示:
<script src="/js/shop2/springen/vendor/require.min.js" data-main="/js/shop2/springen/app" async></script>
我的app.js看起来像这样:
define('jquery', [], function() {
return jQuery;
});
requirejs.config({
baseUrl: '/js/shop2/springen/',
paths: {
'lodash': 'vendor/lodash.min',
'Functions': 'app/modules/functions',
'Search': 'app/modules/search',
'Comparison': 'app/modules/comparison',
'Globals': 'app/globals',
'Init': 'app/init',
...
}
});
// globals get loaded first and are available to all subordered scripts
require(['Globals', 'lodash'], function () {
$(document).ready(function() {
if ($('#comparison').length) {
require(['Comparison'], function (Comparison) {
Comparison.init();
});
} else {
require(['Init']);
}
});
});
现在我的问题是我需要内联设置我的搜索模块,因为我必须在服务器端生成翻译并用它初始化它:
<script type="text/javascript">
$(document).ready(function(){
require(['Search'], function () {
$('#q').shopIncrementalSearch({
resultsDiv: $('#lifesearch'), …推荐指数
解决办法
查看次数
标签 统计
html ×4
jquery ×2
php ×2
requirejs ×2
arrays ×1
comparison ×1
css ×1
dns ×1
download ×1
firefox ×1
javascript ×1
jquery-after ×1
jsdoc ×1
jsdoc3 ×1
lazy-loading ×1
node.js ×1
performance ×1
positioning ×1
prefetch ×1
slidedown ×1
string ×1
vcf-vcard ×1