小编Rya*_*yan的帖子

将CSS Grid与变换相结合

有没有办法将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)

html css css3 css-transforms css-grid

8
推荐指数
1
解决办法
1879
查看次数

在 ES6 中使用解构定义可选参数

我有一个执行 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),但我对如何构建代码缺乏了解。

javascript destructuring optional-parameters

6
推荐指数
2
解决办法
1万
查看次数

在PHP脚本中保护MySQL密码

我似乎无法得到一个直接的答案,所以希望有人可以提供帮助.

如果我mysqli_connect()在我的PHP脚本中包含一个语句并且还包含我的MySQL用户名和密码,那么这些细节在任何时候都是易受攻击的吗?显然,PHP括号之间的任何内容都不会在客户端提供(因此在查看源代码时不应该是可见的)但是有没有其他方式可以破坏这些细节?

php mysql passwords username

4
推荐指数
1
解决办法
1207
查看次数

多次重用AJAX功能

目前我的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)

如果不重写整个调用,如何使函数独立,以便可以在两种情况下使用它?

ajax jquery function reusability

2
推荐指数
1
解决办法
6084
查看次数

mysqli_real_escape_string无法正常工作

我想这两个使用mysqli_real_escape_stringtrim制造的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)

php mysql mysqli trim

1
推荐指数
1
解决办法
1万
查看次数

对PHP for循环如何工作感到困惑

我有一个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循环完全相同.

php for-loop

1
推荐指数
1
解决办法
63
查看次数