我有一个表单,用户可以使用该表单添加他们的电子邮件地址和姓名以注册简报.
提交时,ajax请求将数据传输到我的数据库.
我应该使用任何类型的保护来阻止其他人向数据库添加条目,例如.如果另一个站点将他们的表单链接到我的ajax请求URL,那么他们将把数据添加到我的数据库.
我怎么能阻止这个？
我正在使用eloqent过滤一组产品:
Product::whereIn('color', $color)->whereIn('size', $size)->whereIn('price', $price)->get();
上述每个变量都是一个id数组
$color = [1,2,4,5]
我的问题是,当用户无法通过一组变量发送时,这是否效率低,说他们不想要任何颜色过滤器,因此数组将是:
$color = [];
我试过 - > toSql并生成sql语句:
select * from `products` where `color` in (?, ?) and 0 = 1 and `price` in (?, ?, ?, ?, ?)
在上面没有发送大小过滤器.
0 = 1是什么意思？这是处理事情的低效方式吗？
我有一个对象:
"languages": {
"en":["au", "uk"],
"de":["de"],
....
}
我怎样才能删除除指定键之外的所有内容,所以如果我指定'en'我只想要一个包含"en"的对象:["au","uk"]
我有一个显示flex的列表:
<ul>
<li></li>
....
ul{
list-style-type: none;
display: flex;
flex-wrap: wrap;
background: gold;
}
li{
flex-basis: 25%;
background:grey;
}
现在我想在我的li元素之间留一些空格,添加边距或填充将元素推到下一行(当我有超过4个元素时,我想要flex包装).
我知道上面的内容可以通过框大小来解决,但我的主要问题是我想要元素之间的间距,但是第一个和最后一个元素排列在父元素的左侧和右侧.
怎么能实现这一目标？
例如.
|li|spacing|li|spacing|li|spacing|li|
我试图在计算属性中访问 this.$el.offsetTop，但得到错误：
Cannot read property 'offsetTop' of undefined
如何在计算方法中访问组件的 offsetTop？如果这是不可能的，那么还有其他选择吗？
成分：
<template>
<div :class="{ 'active' : test }"></div>
</template>
<script>
export default {
computed: {
test() {
console.log(this.$el.offsetTop);
}
}
}
</script>
在我的主要活动中,我有我的行动吧.即使我发起新活动,这怎么能保持可见？
新活动是否必须扩展我的主要活动以实现此目的？
窗口高度是获取html文档的长度而不是浏览器窗口的大小.
你知道我哪里错了吗？
这是我的脚本:
$(document).ready(function() {
alert($( window ).height());
});
我也在我的文档的顶部,我读过这会导致问题:
<!DOCTYPE html>
我需要将图像显示在最右侧,并将文本保留在左侧.我还需要保持垂直对齐.
我试图在::after伪元素上漂浮,但它破坏了垂直对齐.有任何想法吗？
.holder{
width: 100%;
background: tomato;
height: 200px;
line-height: 200px;
}
.holder::after{
content: "";
border: 1px solid red;
background: transparent url('my-img.jpg') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
}<div class="holder">
Section 1
</div>我希望将我的按钮对齐到容器的底座,所以我使用:
.buttons{
position: absolute;
bottom: 0;
}
当没有太多内容(小提琴中的粉色div)时,这很好,但是当有很多内容(小提琴中的橙色div)时,容器会滚动并且按钮不在容器的底部.
如果按钮位于容器的底部,当它没有大量内容时,如果内容很多,它们位于滚动的底部(内容下方),我怎么能拥有它呢？
我有一个100vh的容器(减去固定的导航高度).
<section class="container">
在这个容器里面我有一些文字:
<div class="text">
<p>title</p>
</div>
由于内容是动态的,因此可以是任何长度.
在本文下面我有一个图像:
<div class="image">
<img src="https://s-media-cache-ak0.pinimg.com/736x/d1/a6/64/d1a664bca214bf785a293cbc87950fc4.jpg">
</div>
图像需要填充100vh( - 导航高度)容器的其余部分.
我用:
.container{
display:flex;
flex-flow: column nowrap;
....
我遇到的问题是我需要将图像作为剩余空间的高度.
我怎样才能做到这一点？在我的小提琴中,如果你的屏幕很小,它会被切断,如果你的屏幕很大,它就不会填满空间.高度:100%无法工作,使其太大.
Flex解决方案只是请,没有表格技巧 - 谢谢!