从这里的所有问题我认为大多数人都希望他们的div(或lis或其他)填补水平空间.我希望它们只在我需要的时候.在这里,他们填补了水平空间:
我可以让UL元素显示:inline-block,它使它水平缩小,但是如果我把LI放到内联块中,它们就会开始并排出现,这不是我想要的.我希望LI只有它们需要的宽度.
此外,什么时候应该div(或ul或li或其他)填充水平空间,何时不应该?
HTML:
<div id="center_main">
<div id="data_box" class="center_box">
<ul id="keys">
<li class="key">key1</li>
<li class="key">key1 . key2</li>
<li class="key">key1 . key3</li>
<li class="key">key1 . key3 . key4</li>
<li class="key">key5</li>
</ul>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
css :(抱歉重复,它们来自两个不同的文件,layout.css和colors.css)
#center_main {
margin: 25px auto;
}
.center_box {
margin: 10px 0px;
padding: 3px;
}
#keys {
padding: 0px;
margin: 0px 2px;
}
#keys li {
padding: 1px 3px;
margin: 3px 0px;
}
body {
background-color: #F1F1F1;
color: #333333;
}
.center_box {
background-color: #FFFFFF;
box-shadow: 0 …Run Code Online (Sandbox Code Playgroud) 我正在尝试在一列标签旁边对齐垂直范围输入.输入将有步骤,所以小气泡将始终位于标签旁边,我已经达到高度匹配,所以这没问题.
但是,无论我如何构造两个框(左侧的输入垂直范围和右侧的标签),输入始终将第一个标签向下推,几乎就像显示:内联块元素.
HTML:
<div class="cell-left">
<input type="range" orient="vertical" min="0" max="3" step="1" />
</div>
<div class="cell-right">
<div class="row">Hello</div>
<div class="row">Hello</div>
<div class="row">Hello</div>
<div class="row">Hello</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
input[type=range] {
writing-mode: bt-lr; /* IE */
-webkit-appearance: slider-vertical; /* WebKit */
width: 8px;
height: 4rem;
padding: 0 5px;
}
.cell-left {
display: table-cell;
}
.cell-right {
display: table-cell;
}
Run Code Online (Sandbox Code Playgroud)
我读过几篇关于为什么急切加载使用多个查询而不是加入此处、此处和此处的文章。但是,我认为有必要使用联接而不是急切加载。我将如何构造查询,以便可以访问子对象,就好像它是通常急切加载的对象一样?
示例:获取居住在某条街道上的人员,并同时加载该地址。我不想加载这个人的所有地址,因为他住在很多地方;仅匹配查询的位置。通过急切加载和 whereHas,我必须重复查询,而且查询并不总是这么简单:
People::with(['address', function($query) use ($street_name){
return $query->where('street_name', $street_name);
}])->whereHas('address', function($query) use ($street_name){
return $query->where('street_name', $street_name);
})->get();
Run Code Online (Sandbox Code Playgroud)
可能
People::query()->join('address', function($join){
$join->on(...)
})->where('street_name', $street_name);
Run Code Online (Sandbox Code Playgroud)
那么问题是我不能使用这个:
$person->address
Run Code Online (Sandbox Code Playgroud)
有没有办法接受连接并对其进行按摩(使用选择?),使其看起来像是急切加载的?
我正在学习 WebGL,并且为每个顶点绘制了一个带有颜色的全屏四边形。没有照明或法线或透视矩阵或深度缓冲区;我只是在绘制渐变背景。这就是我得到的:
它看起来不错,但我不禁注意到从右下角到左上角的对角线涂抹。我觉得这是线性插值远相反顶点的人工制品。我正在画两个三角形:左下角和右上角。我想我会使用 OpenGL 而不是 WebGL 得到类似的结果。
给定相同的四种颜色和相同大小的矩形,有没有办法渲染它,使两个三角形之间的边缘不那么明显?也许更多的顶点,或不同的混合功能?我不确定每个像素的颜色应该是什么;我只是想知道如何摆脱对角线涂抹。
我有一个Model在Laravel中使用软删除的,并且还使用了一个包含boot函数的特征:
class Design extends Model {
uses Softdeletes, Versionable;
// ...
}
trait Versionable {
public static function boot(){
// ...
}
}
Run Code Online (Sandbox Code Playgroud)
SoftDeletes本身仍然可以正常工作:delete_at列已正确填充。但是,Designs::get()不能正确过滤软删除的模型:
return Designs::get();
[{"id":1,"project_id":1,"name":"","description":null,"created_at":"2015-12-04 21:06:40","updated_at":"2015-12-04 21:06:40","deleted_at":null},
{"id":2,"project_id":1,"name":"A Design","description":"a different description", "created_at":"2015-12-04 21:06:57","updated_at":"2015-12-04 21:07:09","deleted_at":"2015-12-04 21:07:09"}]
Run Code Online (Sandbox Code Playgroud)
从Versionable中删除Versionable特征或boot方法可以解决此问题。
为什么会发生这种情况,我该如何解决?
我知道我可以渴望或懒惰地在Laravel中建立关系。我也知道关系对象基本上是伪装的查询对象,并且调用会$user->load('teams')执行该查询并将其添加到$ user对象中(即使我不知道该怎么精确)。
假设我有一位User从评论中获得积分的人。为了在数据库调用中获取用户的分数,我将执行以下操作:
SELECT `user_id`, sum(`points`) AS `total_points` FROM `user_comments` where `id` = ?
Run Code Online (Sandbox Code Playgroud)
如果我想一次全部加载它们,我将运行以下查询:
SELECT `users`.*, sum(`user_comments`.`points`) AS `total_points`
FROM `users` LEFT JOIN `user_points` ON `users`.`id` = `user_comments`.`user_id`
GROUP BY `users`.`id`
Run Code Online (Sandbox Code Playgroud)
我想使用Laravel完成这些任务。我喜欢写这样的事情
User::where('age', '>', 40)->with('total_points')->get();
Run Code Online (Sandbox Code Playgroud)
并像这样访问值
$user->total_points
Run Code Online (Sandbox Code Playgroud)
同时加载用户及其总分。我希望可能会有很多很多记录,并且不想每次有用户时都总是调用数据库联接查询。如果我只需要它们的总分值,我也不想不为每个用户自己加载所有注释。
有没有一种方法可以使用关系生成器在Laravel中完成此任务?