小编deb*_*ute的帖子
CSS 光标放大/缩小
我有按钮来放大或缩小内容。在 Firefox 光标中效果很好（它就像带有 的放大镜+）。但在 chrome 中我有默认光标。这是我的代码：
.button.zoom-in {
...
cursor: zoom-in;
}
有人可以帮助我，为什么它在forefox 和chrome 中不起作用？此外，帮助、移动、指针等其他光标也适用于 chrome。
推荐指数
解决办法
查看次数
在 SQuirreL 中打开现有数据库文件
我已经安装了 SQuirreL 客户端来打开我的文件数据库。我有名为“database.h2.db”的文件，我想读取其内容。嗯，这是我第一次使用这样的数据库。我需要做的就是简单地更改其中的一些数据。我不使用 Java，也不构建任何项目，只是在数据库中编辑一些内容，可能是 1-2 条记录。所以我在这里。
推荐指数
解决办法
查看次数
PNG 图像的背景混合模式
长话短说，我希望我的（任何）图像在悬停时改变颜色，但我无法让它在 PNG 图像上很好地工作。问题在于透明度。我不想将我的颜色应用在透明空间上。我的 CSS 看起来像这样：
background-blend-mode: color-burn;
background-color: #edeb52;
这是完整的jsFiddle 示例。我想要的只是去掉图标周围的颜色，它应该是透明的。
推荐指数
解决办法
查看次数
Vue.js 开发工具未显示
突然间，我的 Vue.js devtools 停止工作了。我在 chrome 中使用了大约 2 年（自从我开始开发 Vue.js）。现在我在 chrome 中看不到 devtools。昨天就这样发生了——我使用了一段时间的 devtools，然后我在做其他事情，过了一段时间，我注意到了一些东西——devtools 不见了。即使扩展说 devtools 有效：
为什么它不是“我的”问题：
- 我用了 2 年没有问题，直到现在
- 它在早上工作，然后它“只是”停止了
- 现在它不适用于任何项目，即使我以前知道它也有效
- 我没有使用生产模式、缩小版本等......我通过 webpack 编译它并且以前工作过。
- 即使在简单新鲜的 Vue.js 应用程序上它也不起作用 *
为什么我到目前为止尝试过：
操作系统：macOS Catalina 10.15.4 (19E287)
浏览器：83.0.4103.61
Vue.js 开发者工具：5.3.3
* 新的 Vue.js 应用代码如下所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
{{ message …推荐指数
解决办法
查看次数
如何检查网站是否可以在 iframe 中加载
我需要检查网站iframe是否正确加载。在我的网站上，用户可以POST自定义网站，这将在 iframe 中显示。但是有些网站受到保护，不能插入 iframe（例如 google 或 facebook）。
如何检查网站是否可以在 iframe 中加载并且可以在 iframe 中使用？
PS：我没有展示任何代码，因为我没有代码，也不知道怎么做。（我的网站在 Java 上运行，所以没有 Apache 或 PHP）。
推荐指数
解决办法
查看次数
如何在 Netlify 上的 Next.js 中获取目录列表
我在 Netlify 上的 Next.js 中获取目录列表时遇到问题。它在localhost上运行良好，但是当我将站点部署到 Netlify 时，出现此错误：
{
"errorType": "Runtime.UnhandledPromiseRejection",
"errorMessage": "Error: ENOENT: no such file or directory, scandir '/opt/build/repo/storage/videos/'",
"trace": [
"Runtime.UnhandledPromiseRejection: Error: ENOENT: no such file or directory, scandir '/opt/build/repo/storage/videos/'",
" at process.<anonymous> (/var/runtime/index.js:35:15)",
" at process.emit (events.js:314:20)",
" at processPromiseRejections (internal/process/promises.js:209:33)",
" at processTicksAndRejections (internal/process/task_queues.js:98:32)"
]
}
这是我的next.config.js：
module.exports = {
serverRuntimeConfig: {
PROJECT_ROOT: __dirname
},
target: 'experimental-serverless-trace'
};
这是我的pages/index.js：
import fs from 'fs';
import path from 'path';
import { project_root …推荐指数
解决办法
查看次数
在flexbox中创建元素的动态宽度
嗯,我对弹性不好,因为我不经常使用它,但我认为没有其他方法可以实现这一点.我想制作一个简单的表格,它的右侧有描述和输入的标签.此描述可以具有任何大小,输入将增加其大小以满足父级.这是代码:
div {
display: flex;
width: 300px;
margin-bottom: 20px;
border: 1px solid red;
}
label {
height: 21px;
line-height: 21px;
font-size: 14px;
color: black;
flex: 1;
}
input {
margin-left: 20px;
flex: 1;
}<div>
<label>Company</label>
<input type="text">
</div>
<div>
<label>Street</label>
<input type="text">
</div>
<div>
<label>Who are you?</label>
<input type="text">
</div>它应该是这样的:
推荐指数
解决办法
查看次数
圆滑的旋转木马-无限畅游
我需要使光滑的旋转木马自动移动，无限远且不停止。这就是我已经拥有的：
$('#carousel').slick({
slidesToShow: 3,
autoplay: true,
autoplaySpeed: 1000,
speed: 1000,
infinite: true,
focusOnSelect: false,
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
});<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<div id="carousel">
<div><a href="#"><img src="http://placehold.it/205x105" /></a></div>
<div><a href="#"><img src="http://placehold.it/205x105/f00/fff" /></a></div>
<div><a href="#"><img src="http://placehold.it/205x105/00f/fff" /></a></div>
<div><a href="#"><img src="http://placehold.it/205x105" /></a></div>
<div><a href="#"><img src="http://placehold.it/205x105/f00/fff" /></a></div>
<div><a href="#"><img src="http://placehold.it/205x105/00f/fff" /></a></div>
</div>但是正如您所看到的，当它移到另一张幻灯片时，它停了一段时间，然后再移到下一张。我想让它运行缓慢而不停止。我想你知道我的意思。
推荐指数
解决办法
查看次数
单击slick.js中的点后停止自动播放
因此，这是我用于滑块的代码：
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true
});
我希望在用户单击任意点后，它将禁用自动播放。然后我尝试了这个：
$('.autoplay').on('init', function() {
$('.slick-dots').click(function() {
$('.autoplay').slick('autoplay', false);
});
});
但是没有帮助。这是jsFiddle的DEMO。这可能slick.js吗？
推荐指数
解决办法
查看次数
使用 CSS3 缩小图像
假设我需要制作缩小图像的动画。此图像由我网站的用户设置，我不知道其分辨率。因此，页面上有一个随机图像，当访问者单击按钮时，它应该缩小图像。JavaScript/jQuery仅在我的示例中用于让您知道我的观点是什么，所以 CSS 方法就是我正在寻找的。在这段文字下，您可以看到我的代码示例。当您单击“切换”锚点时，它应该将图像放大。
$(function() {
$('.toggle').click(function(e) {
e.preventDefault();
$('#test').toggleClass('active');
});
});#test {
position: relative;
width: 500px;
height: 150px;
overflow: hidden;
}
#test img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
transition: all 5s;
}
#test.active img {
width: auto;
height: 100%;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">
<img src="http://www.blueverticalstudio.com/wp-content/uploads/2011/05/1303508174-torre-europa-0180-500x1000.jpg" />
</div>
<a href="#" class="toggle">Toggle</a>编辑：
由于这个问题收到了很多意见，我更新了我在接受的答案中指出的旧 jsFiddle 作为解决方案。它不好，您根本不应该使用它。您有 99% 的机会不需要那样使用它。
推荐指数
解决办法
查看次数
从连接表中获取子项的总记录
我正在使用MariaDB 5.5,但对于这个解决方案,它将与MySQL相同.我有两个表,第一个包含画廊,第二个包含有关每个库中文件的信息.这是表的示例gallery:
+----+-------+-----+
| id | name | ... |
+----+-------+-----+
| 1 | test1 | ... |
| 2 | test2 | ... |
| 3 | test3 | ... |
| 4 | test4 | ... |
+----+-------+-----+
这是表的示例gallery_items:
+----+------+------------+-----+
| id | file | gallery_id | ... |
+----+------+------------+-----+
| 1 | img1 | 3 | ... |
| 2 | img2 | 2 | ... |
| 3 | img3 | 2 …推荐指数
解决办法
查看次数
使用symfony的文件系统而不是本机PHP的优点
我找到了这个symfony组件The Filesystem,但我不确定我是否应该使用这个组件或本机PHP.示例mkdir:
// With symfony:
use Symfony\Component\Filesystem\Filesystem;
use Symfony\Component\Filesystem\Exception\IOExceptionInterface;
$fs = new Filesystem();
$fs->mkdir('/tmp/photos', 0700);
// Native PHP:
mkdir('/tmp/photos', 0700);
同样使用$fs->exists()的替代file_exists()或$fs->touch()代替touch().然后有$fs->copy()支持第三个参数(bool)来切换覆盖现有文件,而native copy()将始终覆盖目标文件.
我根本不使用symfony,只使用了很少的供应商,而且我找到了它.我的意思是,我为什么要使用这个组件？在我看来,本身功能与额外的步骤.您的建议有助于了解我是否应该在将来使用这样的组件.
推荐指数
解决办法
查看次数
试图调用未知功能
我必须动态尝试,如果函数是可调用的(不仅如果存在,但是如果是可调用的).这是我的代码:
try {
call_user_func($function, $arguments->arg);
} catch (Exception $e) {
$condition = $this->_object->getContent("phpCall", "return");
}
$function并且$arguments->arg是动态变量,例如$functioncontains md5和$arguments->argcontains 123.
我知道md5PHP中存在该函数,但是我收到此错误:
Warning: call_user_func() expects parameter 1 to be a valid callback, no array or string given in...
有任何想法吗？
推荐指数
解决办法
查看次数