小编Phi*_*hil的帖子

如何在VueJS中的<ul>上实现鼠标悬停?

任何人都可以帮助实现UL的鼠标功能,我的模板中有一组使用相同类的UL标签,但是当我尝试实现鼠标悬停(在鼠标悬停时更改边框颜色)时,所有的UL标签都是该课程正在突出显示.我对VUE很陌生.

模板

<ul v-bind:class="[sbitmcls]"  @mouseover="mouseOver" @mouseleave="mouseOut">
  <img src="../assets/notification.png" alt="" height="30" width="30">
  <span> Notification  </span>
</ul>

<ul v-bind:class="[sbitmcls]"  @mouseover="mouseOver" @mouseleave="mouseOut">
  <img src="../assets/message.png" alt="" height="30" width="30">
  <span> Message  </span>
</ul>
Run Code Online (Sandbox Code Playgroud)

脚本

data() {
  return {
    sbitmcls: "image",
    active: true
    };
  },
  methods: {
    onClick() {
    this.$router.push("/homepage");
  },
  mouseOver: function(name) {
    this.sbitmcls = "imageSelected"
  },
  mouseOut: function() {
    event.target.style.background = "#4a4b45";
  }
}
Run Code Online (Sandbox Code Playgroud)

样式:

.image {
  display: relative;
  background-color: #4a4b45;
  color: white;
  font-family: Rubik, "Bookman", Garamond, "Times New Roman", Times, serif;
  font-size: 1.2em; …
Run Code Online (Sandbox Code Playgroud)

css vue-router vue-component vuejs2

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

无法在Javascript之前加载HTML

我是Javascript的新手,知道如何在执行javascript之前加载html.

我确实检查了stackoverflow上的问题,并试图实现给出的解决方案但没有工作.

以下是我尝试的各种代码的代码.

  1. 在身体结束之前写了脚本标签

  2. 在函数内写了javascript代码并在body的onload中调用它,但它也没有用.(还试图评论documnet.onload = cal();并执行).

<!DOCTYPE html>
<html>
<head>
<title>Age Calculator</title>

</head>
<body onload="cal();">
<h1>Age Calculator</h1>
<p>Enter your age and find how many days you have been alive</p>
<script type="text/javascript" src="Age.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
//Javascript code
function cal(){
  var age = prompt("How old are you?");
  var days = age * 365.25;
  alert("You are approx " + days + " days");
}

documnet.onload = cal();
Run Code Online (Sandbox Code Playgroud)

我想在询问用户之前显示html你几岁了?

html javascript

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

如何知道 JavaScript 函数接受简单参数还是解构对象?

考虑这两个函数:

const render = (entity) => {
   // function body
}

const render = ({
    entity,
    isAdmin
}) => {
   // function body
}
Run Code Online (Sandbox Code Playgroud)

现在假设我想调用这个函数。如果它接受解构的对象,我应该以不同的方式传递参数。

render({
    name: 'John', 
    age: 40
})

// or

render({
    entity: {
      name: 'John',
      age: 40
    },
    isAdmin: true
})
Run Code Online (Sandbox Code Playgroud)

有没有办法让我知道函数是否接受解构对象作为其参数?

请注意,render.length这两个函数都返回 1。并且arguments对我没有帮助,因为它可以在函数内部访问,而不是在函数外部访问。

更新

这是真实的场景。

我们有一个管理面板(类似于 React Admin),许多公司的 500 多个项目都在使用它。您可以想象我们有数千个列表以表格格式显示。

现在,对于每个表,开发人员为我们提供了一个render函数,该函数是用于表的每一行的 React 组件。

这就是他们使用我们<List />组件的方式:

const Customers = () => {
    return <List
        // other props …
Run Code Online (Sandbox Code Playgroud)

javascript callback jsx

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

单个查询中的MySQL JOIN和COUNT

我正在尝试将两张桌子连在一起并得到外键的数量...对不起,但我真的不怎么解释自己,所以让我来证明:

对于订单,我有1个表''orders',其中包含以下字段:

id, f_name, l_name, credit_card, ETC.
Run Code Online (Sandbox Code Playgroud)

然后,我有一个'orders_details'表,用于订单中的项目,如下所示:

id, order_id, product_id, qty
Run Code Online (Sandbox Code Playgroud)

现在,我想运行一个连接2个表的查询,在orders表中每行获得1行,一列告诉我每个订单中有多少产品.

有谁知道如何实现这一目标?

PS我也希望能够获得订单的所有'数量'的总和(我不想为每个订单运行单独的查询).

mysql sql join left-join

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

带有条件的MySQL UNION查询

我有2个列的节日和活动,比如

id  |   name     | modified_date
-----------------------------------
12  | fest 1     |  2012-03-14 17:45:40
13  | fest 2     |  2012-03-14 17:45:40
15  | fest 4     |  2012-03-14 17:45:40
11  | fest 5     |  2012-03-14 17:45:40
Run Code Online (Sandbox Code Playgroud)

事件

id  |   name     | modified_date
-----------------------------------
14  | envt 1     |  2012-03-14 17:45:40
15  | envt 2     |  2012-03-14 17:45:40
16  | envt 4     |  2012-03-14 17:45:40
17  | envt 5     |  2012-03-14 17:45:40
Run Code Online (Sandbox Code Playgroud)

我的应用程序中有一个页面显示最近更新,通过单击每个列表,它将重定向到相应的事件或节日.

为此,我有以下查询

select id,name,modified_date from events
UNION
select id,name,modified_date …
Run Code Online (Sandbox Code Playgroud)

php mysql mysql-management

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

强制php查看Document Root

所以我正在搞乱twitter api,我希望将这个文件包含在每个页面的页脚中.页脚通过phps require_once函数加载.问题是我无法使用完整的URL,因为url文件acsess因为显而易见的原因被关闭.所以我试着用

require_once $_SERVER['DOCUMENT_ROOT']('/lib/twitter/base.php');
Run Code Online (Sandbox Code Playgroud)

但那失败了.我做错了什么或者我怎样才能做得更好?

php require-once

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

css过渡 - 动画在开始时无法正常工作

我 使用jquery 制作了一个由两个控制的动画buttons来垂直移动a div,但问题是动画在开始时无法正常工作.
click

CSS

.black-div {
    width: 100%;
    height: 120px;
    background-color: black;
    position: absolute;
    transition: top 1s 0s cubic-bezier(0, 0, 1, 1);
}
Run Code Online (Sandbox Code Playgroud)

JS

$(".button-up").click(function(){
        $(".black-div").css({"top":"0px"});
});

$(".button-down").click(function(){
        $(".black-div").css({"top":"300px"});
});
Run Code Online (Sandbox Code Playgroud)

见:http://jsfiddle.net/B6t2D/

jquery css-transitions

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

使用 array_fill 创建对象数组时,如何使每个对象都是唯一的?

我正在尝试在 Yii2 中创建一个对象数组。但是,问题在于数组中的对象完全没有区别。这是我正在尝试的:

$array1 = array(new Object, new Object, new Object);
$array2 = array_fill(0, 2, new Object);
Run Code Online (Sandbox Code Playgroud)

乍一看,它们看起来相同,但输出却不同。

$array1

[
    0 => frontend\models\Object#1
    (
        [yii\db\BaseActiveRecord:_attributes] => []
        [yii\db\BaseActiveRecord:_oldAttributes] => null
        [yii\db\BaseActiveRecord:_related] => []
        [yii\base\Model:_errors] => null
        [yii\base\Model:_validators] => null
        [yii\base\Model:_scenario] => 'default'
        [yii\base\Component:_events] => []
        [yii\base\Component:_behaviors] => []
    )
    1 => frontend\models\Object#2
    (
        [yii\db\BaseActiveRecord:_attributes] => []
        [yii\db\BaseActiveRecord:_oldAttributes] => null
        [yii\db\BaseActiveRecord:_related] => []
        [yii\base\Model:_errors] => null
        [yii\base\Model:_validators] => null
        [yii\base\Model:_scenario] => 'default'
        [yii\base\Component:_events] => []
        [yii\base\Component:_behaviors] => []
    )
    2 => …
Run Code Online (Sandbox Code Playgroud)

php arrays object

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

Mysql - PDO错误 - 目录名称无效:1046未选择数据库

我有PDO的问题,我看不到他来的地方.我无法质疑我的MySQL数据库.只是为了测试我使用了下面的代码(之前配置的连接参数非常糟糕:

try {
    $dbh= new PDO('mysql:host=serverName;dbname=Mydatabase','user','password');
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
}
catch (Exception $e) {
    die('Erreur : ' . $e->getMessage());
}

var_dump($dbh);    // gives : object(PDO)#1 (0) { }

$res=$dbh->query('SELECT * FROM table');
Run Code Online (Sandbox Code Playgroud)

与MySQL正确连接,但在查询后我收到此错误:

致命错误:未捕获异常'PDOException',消息'SQLSTATE [3D000]:无效的目录名称:1046未选择数据库'在/home/outout/public_html/file.php:16堆栈跟踪:#0/home/outout/public_html/file.php(16):PDO-> query('select*from t ...')#1 {main}在第16行的/home/outout/public_html/file.php中抛出.

该代码适用于本地计算机,但只要我将其置于联机状态(cPanel),它就会向我显示此错误.我是否必须在.htaccess中配置PDO?

我绝对不明白问题出在哪里.有人会有想法吗?

php mysql pdo cpanel

4
推荐指数
2
解决办法
3万
查看次数

如何从Vue js中的select中获取值和文本?

网址:

<select v-model="facilitySelected" name="facilities" multiple="multiple" id="facilities" size="4" class="form-control">
  <option value="1">Double (Non a/c)</option>
  <option value="2">Premium Double (a/c)</option>
  <option value="3">Standard Double (a/c)</option>
</select>
Run Code Online (Sandbox Code Playgroud)

点击事件:

<a @click="addFacilities" class="btn btn-default add_option" rel="facilities2" id="add"><i class="fa fa-arrow-right"></i></a>
Run Code Online (Sandbox Code Playgroud)

脚本:

export default {
  data(){
            return{
                facilitySelected:[]
            }
  }

  methods: {
      addFacilities() {
        this.facilitySelected;
        console.log(this.facilitySelected);
      }
  }
}
Run Code Online (Sandbox Code Playgroud)

在这里,我有选择的选项列表,当我点击addFacilities时,value仅使作为输出在所选择的选项的console.log,我需要有两个value还有text在选项要通过的console.log出来..如何以同时获得valuetext当我点击addFacilities

javascript vue.js vuejs2

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