小编Séb*_*uel的帖子
在运行时更改SetInterval的间隔
我编写了一个javascript函数,它使用setInterval在十分之一秒内操作一个字符串,进行一定次数的迭代.
function timer() {
var section = document.getElementById('txt').value;
var len = section.length;
var rands = new Array();
for (i=0; i<len; i++) {
rands.push(Math.floor(Math.random()*len));
};
var counter = 0
var interval = setInterval(function() {
var letters = section.split('');
for (j=0; j < len; j++) {
if (counter < rands[j]) {
letters[j] = Math.floor(Math.random()*9);
};
};
document.getElementById('txt').value = letters.join('');
counter++
if (counter > rands.max()) {
clearInterval(interval);
}
}, 100);
};
我没有将间隔设置为特定的数字,而是希望在每次运行时根据计数器更新它.所以代替:
var interval = setInterval(function() { ... }, 100);
它会是这样的:
var interval …推荐指数
解决办法
查看次数
是否可以拥有自定义的Facebook按钮？
有时,客户希望有一个自定义的"Facebook按钮".我的意思是不同的图像和设计.
我曾经使用sharer.php:
<a id="fb-share" style='text-decoration:none;' type="icon_link" onClick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]=foo&p[summary]=bar&p[url]=https://www.foobar.com/&p[images][0]=https://www.foobar.com/thumb.gif','sharer','toolbar=0,status=0,width=580,height=325');" href="javascript: void(0)">
<img src="img/share.gif" width="62" height="18" alt="Share"/>
S</a>
但是,由于Facebook已弃用"共享"按钮,它似乎无法正常工作.相反,我们必须使用"喜欢按钮".
那么是否可以使用带有自定义图像的自定义按钮？
我在facebook api页面上看到了一个创建按钮的生成器,但我想知道是否可以使用不同图像的自定义按钮？
推荐指数
解决办法
查看次数
引导按钮上没有边距底部？
我在bootstrap模板中使用了button元素.
我想知道它是否是bootstrap中的正常行为:
当没有足够的空间来显示一行上的所有按钮,或者调整窗口大小时,某些按钮显示在第二行上,就像那样,但没有边距底部.
我可以添加它:
.btn {
margin-bottom: 5px;
}
但我觉得奇怪的是它不是由bootstrap处理的.
也许我做错了什么？
消息来源:http://jsfiddle.net/Vinyl/zx9oefya/
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
<button type="button" class="btn btn-primary btn_plus_infos" data-toggle="collapse" data-target="#plus_infos">Plus d'infos</button>
推荐指数
解决办法
查看次数
PageSpeed Insights:关闭后加载css文件</ html>
Google Page洞察告诉我们优化CSS文件,如下所示:
Vous pouvez alors incorporer le code CSS essentiel comme ceci:
<html>
<head>
<style>
.blue{color:blue;}
</style>
</head>
<body>
<div class="blue">
Hello, world!
</div>
</body>
</html>
<link rel="stylesheet" href="small.css">
来源:https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
法语链接是https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery?hl=fr
我从未见过这样的事情:在结束</html>标记之后集成css文件.
我不只是在文档中.它还会修改PageSpeed Insights得分的结果.如果我在最后插入css文件,我有100%.
它是有效的HTML吗？
推荐指数
解决办法
查看次数
如何使用Adminer导出数据库？
这是我第一次使用ADMINER.
我想导出数据库,我不确定是否正确设置参数.
数据库正在生产中,我不想犯任何错误.
看截图:
什么是正确的参数:
1)数据库:使用,删除+创建,创建,创建+更改
2)表:drop + create,Create,Create + alter
3)数据:截断+插入,插入,插入+更新
推荐指数
解决办法
查看次数
使用jQuery为文本大小设置动画然后返回到先前的状态
点击时我正在玩动画文字.
我有各种类定义大小的按钮:
<div class="button-1">Click Me!</div>
<div class="button-2">Click Me!</div>
<div class="button-3">Click Me!</div>
.button-1 {font-size: 10px;}
.button-2 {font-size: 20px;}
.button-3 {font-size: 30px;}
然后当点击一个时,它会被设置为更大的动画.
$('.button-1,.button-2,.button-3').click(function(){
$(this).animate({fontSize: "40px" }, 1000 );
我的问题是我只希望一次拥有一个大,并让所有兄弟姐妹恢复到原来的大小.我看到animate函数通过向文本添加内联样式来工作,有没有办法可以删除附加到单击按钮兄弟姐妹的所有内联样式？
推荐指数
解决办法
查看次数
如何在同一端口上使用 browsersync 与 apache 虚拟主机？
我知道 SO 和 GitHub 上有很多类似的问题，但没有一个适合我的情况。
我需要一个项目来使用 gulp + browsersync 和 apache vhost（使用 MAMP PRO 5.5 创建）。
Gulp 正在工作（它完成了我需要的所有任务）。Browsersync 已设置，但它在与 MAMP 使用的端口不同的端口上打开我的网站。我已经使用默认端口和 Mamp 默认端口进行了测试。Browsersync 仍然使用正确的 url 但不正确的端口打开网站。
我知道我不能使用相同的端口，但如何设置 Browsersync ？
这是我的吞咽相关部分：
gulp.task('browser-sync', ['sass', 'scripts'], function () {
browserSync.init({
open: 'external',
host: 'my-domain.dev',
proxy: 'my-domain.dev',
https: {
key: "/Users/path-to-custom-certificate/my-domain.dev.key",
cert: "/Users/path-to-custom-certificate/my-domain.dev.crt"
},
//port: 443, // If I try same port as MAMP, Browsersync increments this port ex 444
browser: "google chrome"
});
});
也许可以在 APACHE 中配置一些东西？
推荐指数
解决办法
查看次数
使用phpMyAdmin重命名并为所有表添加前缀
我想添加一个前缀,并使用PhpMyAdmin重命名数据库中的所有表.
我试过这两个脚本:
1)
select concat('rename table', table_name, ' to ', 'prefix_',table_name,';') from information_schema.tables where table_schema='db_name';
2)
SELECT Concat('ALTER TABLE ', TABLE_NAME, ' RENAME TO osc_', TABLE_NAME, ';') FROM INFORMATION_SCHEMA.TABLES where table_schema='db_name';
phpMyAdmin说脚本没问题(见屏幕截图),但没有任何改变.phpMyAdmin我缺少什么？
推荐指数
解决办法
查看次数
在 Smarty 中连接变量和字符串以包含文件
在 tpl 文件中，我需要动态包含一个文件，并连接一个字符串和一个变量。
这项工作（无串联）：
{include file="catalog/_partials/faq-86.tpl"}
然后，我想用变量（产品 ID）替换“86”。
这是我尝试过的（基于 stackoverflow、smarty 论坛或 smarty 文档上的其他答案）：
1)
{include file="catalog/_partials/{$product.name}.tpl"}
2)
{assign var="id_pr" value="85"}
{include file="catalog/_partials/.$id_pr.tpl"}
3)
{assign var="id_pr" value="85"}
{include file="catalog/_partials/$id_pr.tpl"}
4)
{include file="{'catalog/_partials/'}{$product.name}{'.tpl'}"}
5)
{assign var='url' value="{'catalog/_partials/'}{$product.name}{'.tpl'}"}
{include file=$url}
这是聪明的错误：
第 273 行模板“templates/catalog/product.tpl”中的语法错误“{include file="catalog/_partials/{$product.name}.tpl"}”变量模板文件名不允许在 {block} 标签中
所以我的问题是，是否可以连接一个变量和一个字符串以包含一个文件？
我知道这不是最好的方法，但出于模板目的，我需要在不同的产品页面上快速加载不同的 tpl 文件。
我认为这是可能的，因为这种情况有效（没有串联，但文件是动态包含的）：
{if $product.id === 85}
{include file="catalog/_partials/faq-85.tpl"}
{elseif $product.id === 86}
{include file="catalog/_partials/faq-86.tpl"}
{/if}
推荐指数
解决办法
查看次数
如何在使用HTML5 pushState更改浏览器URL时处理后退按钮
我做了一个单页的网站.当用户单击菜单按钮时,内容将加载ajax.它工作正常.为了改善SEO并允许用户复制/过去不同内容的URL,我使用
function show_content() {
// change URL in browser bar)
window.history.pushState("", "Content", "/content.php");
// ajax
$content.load("ajax/content.php?id="+id);
}
它工作正常.URL更改,浏览器不会重新加载页面
但是,当用户单击浏览器中的后退按钮时,URL将更改并且必须加载内容.
我做到了这一点,它的工作原理:
window.onpopstate = function(event) {
if (document.location.pathname == '/4-content.php') {
show_content_1();
}
else if (document.location.pathname == '/1-content.php') {
show_content_2();
}
else if (document.location.pathname == '/6-content.php') {
show_content_();
}
};
你知道是否有办法改进这段代码？
推荐指数
解决办法
查看次数
标签 统计
css ×3
javascript ×2
mysql ×2
php ×2
adminer ×1
ajax ×1
apache ×1
browser-sync ×1
database ×1
export ×1
facebook ×1
gulp ×1
html ×1
html5 ×1
include ×1
jquery ×1
macos ×1
mamp ×1
optimization ×1
phpmyadmin ×1
prestashop ×1
pushstate ×1
setinterval ×1
smarty ×1
sql ×1
timer ×1