有没有办法将CSS Grid与变换相结合,以便在网格布局中移动div?
例如,如果用户单击框B(它将扩展以占据当前由其自身保持的空间以及框C和F),我如何使用变换将C和F从新占用的空间中滑入当前未占用的空间中网格?
代码如下:
.grid-wrapper {
display: grid;
grid-template-columns: repeat(5, 18% 20px);
grid-template-rows: repeat(3, 30% 20px);
height: 95vh;
width: 95vw;
}Run Code Online (Sandbox Code Playgroud)
<div class="grid-wrapper">
<div class="box a">A</div>
<div class="box b">B</div>
<div class="box c">C</div>
<div class="box d">D</div>
<div class="box e">E</div>
<div class="box f">F</div>
<div class="box g">G</div>
<div class="box h">H</div>
</div>Run Code Online (Sandbox Code Playgroud)
我有一个执行 AJAX 调用的函数,如下所示:
let retrieveData = (section, sectionItem, callback) => {
...
}
Run Code Online (Sandbox Code Playgroud)
其中第二个参数是可选的,即在某些情况下该参数是必需的,而在其他情况下则不是:
let data = retrieveData(aSection, aSectionItem, function(json)) {
...
});
Run Code Online (Sandbox Code Playgroud)
和:
let data = retrieveData(aSection, undefined, function(json)) {
...
});
Run Code Online (Sandbox Code Playgroud)
在第二个实例中,我希望能够省略undefined参数,我相信通过解构的方式分配选项/默认值是答案(根据这个例子:https : //javascript.info/destructuring-assignment#smart-function -parameters),但我对如何构建代码缺乏了解。
我似乎无法得到一个直接的答案,所以希望有人可以提供帮助.
如果我mysqli_connect()在我的PHP脚本中包含一个语句并且还包含我的MySQL用户名和密码,那么这些细节在任何时候都是易受攻击的吗?显然,PHP括号之间的任何内容都不会在客户端提供(因此在查看源代码时不应该是可见的)但是有没有其他方式可以破坏这些细节?
目前我的AJAX调用是这样设置的,这样当检测到逗号键时,AJAX调用将触发:
$("#selector").on("keyup", function(e) {
if (e.which === 188) {
var search = $(this).val();
function searchTag() {
return $.ajax({
cache: false,
url: url,
dataType: "json",
type: "post",
data: {search: search}
});
}
searchTag().done(function(data) {
//Success
});
}
});
Run Code Online (Sandbox Code Playgroud)
我希望稍后在我的代码中重用AJAX调用作为另一个事件监听器的一部分:
$("body").on("click", ".tag", function () {
searchTag();
});
Run Code Online (Sandbox Code Playgroud)
如果不重写整个调用,如何使函数独立,以便可以在两种情况下使用它?
我想这两个使用mysqli_real_escape_string和trim制造的MySQL前一起INSERT查询。我的代码如下:
<?php
$fname = mysqli_real_escape_string($dbc, trim($_POST['fname']));
$sname = mysqli_real_escape_string($dbc, trim($_POST['sname']));
$occ = mysqli_real_escape_string($dbc, trim($_POST['occ']));
$twitter = mysqli_real_escape_string($dbc, trim($_POST['twitter']));
$email = mysqli_real_escape_string($dbc, trim($_POST['email']));
$skype = mysqli_real_escape_string($dbc, trim($_POST['skype']));
$topic1 = mysqli_real_escape_string($dbc, trim($_POST['topic1']));
$topic2 = mysqli_real_escape_string($dbc, trim($_POST['topic2']));
$topic3 = mysqli_real_escape_string($dbc, trim($_POST['topic3']));
$avoid1 = mysqli_real_escape_string($dbc, trim($_POST['avoid1']));
$avoid2 = mysqli_real_escape_string($dbc, trim($_POST['avoid2']));
$avoid3 = mysqli_real_escape_string($dbc, trim($_POST['avoid3']));
$cr = mysqli_real_escape_string($dbc, trim($_POST['cr']));
if ((!empty($fname)) && (!empty($sname)) && (!empty($email)) && (!empty($topic1))) {
$dbc = mysqli_connect('host', 'user', 'password', 'database') or die('Error connecting to MySQL …Run Code Online (Sandbox Code Playgroud) 我有一个for循环显示MySQL数据库中的前六项.然后我突破到另一段代码,之后我有另一个for循环显示我的数据库中的下六个项目.
虽然这正是我想要的功能,但我对它是如何工作感到困惑,并希望有人可以为我澄清.第二个for循环如何知道从第一个循环停止的位置开始?
我的代码如下:
for ($i = 1; $i <= 6; $i++) {
$row = mysqli_fetch_array($result);
$id = $row['id'];
$title = $row['title'];
$file = $row['file'];
// Display items
}
Run Code Online (Sandbox Code Playgroud)
第二个for循环完全相同.