所以我的目标是有 3 个子元素,每个元素的宽度为 50%,并使用 flex-wrap:wrap 以便第三个元素低于第一个元素,但是,我还希望第一个和第二个子元素之间有 10px 的间隙,当我向第一个子元素添加 margin-right: 5px ,向第二个子元素添加 margin-left: 5px ,第二个子元素包裹在第一个子元素下方,因为额外的边距没有为同一行上的第二个子元素留下足够的空间。
我如何计算出 10px 占宽度的百分比是多少?
.projects {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.project {
width: 50%
}
.project:nth-child(odd) {
margin-right: 5px;
background-color: red;
}
.project:nth-child(even) {
margin-left: 5px;
background-color: blue;
}
Run Code Online (Sandbox Code Playgroud)
<div class='projects'>
<div class='project'>s</div>
<div class='project'>s</div>
<div class='project'>s</div>
</div>
Run Code Online (Sandbox Code Playgroud)
目前我有一个带有 2 个状态属性的商店 - 版本和冠军 + 2 个发出 GET 请求然后提交到状态的操作。第二个 GET 请求 URL 需要包含我从第一个 GET 请求中获得的版本,如下所示:
axios.get("https://ddragon.leagueoflegends.com/cdn/" + X + "/data/en_US/champion.json")
Run Code Online (Sandbox Code Playgroud)
这段代码中的 X 应该是 Vuex 状态版本属性。如果我想从 Vuex 商店外部访问该属性,我会这样做:
this.$store.state.version
Run Code Online (Sandbox Code Playgroud)
但是,当我在商店中尝试时,这似乎不起作用。我应该如何从 getChampions 操作内部访问版本状态属性?
代码:
export default new Vuex.Store({
state: {
version: null,
champions: null
},
mutations: {
version(state, data){
state.version = data.version
},
champions(state, data){
state.champions = data.champions
}
},
actions: {
getVersion({commit}){
axios.get("http://ddragon.leagueoflegends.com/api/versions.json")
.then((response) => {
commit('version', {
version: response.data[0]
})
})
.catch(function (error) {
console.log(error);
})
},
getChampions({commit}){
axios.get("https://ddragon.leagueoflegends.com/cdn/" …
Run Code Online (Sandbox Code Playgroud) 我有一个对象,其属性称为tier
有9个可能的值- IRON, BRONZE, SILVER, GOLD, PLATINUM, DIAMOND, MASTER, GRANDMASTER and CHALLENGER
。
基于该属性,我想显示与该层相对应的标志,但是,虽然可以调用该层,但将调用IRON
带有标志的图像文件Emblem_Iron
。
这就是为什么我创建了一个函数,该函数以a tier
作为参数,然后返回与相对应的标志图像的文件名,tier
以便执行此操作:
<img class='ranked-emblem' :src="'../emblems/' + rankedEmblem(league.tier) + '.png'" alt="">
Run Code Online (Sandbox Code Playgroud)
我的功能是:
rankedEmblem(tier){
if (tier === 'IRON') {
return 'Emblem_Iron'
} else if (tier === 'BRONZE') {
return 'Emblem_Bronze'
} else if (tier === 'SILVER') {
return 'Emblem_Silver'
} else if (tier === 'GOLD') {
return 'Emblem_Gold'
} else if (tier === 'PLATINUM') {
return 'Emblem_Platinum'
} else if …
Run Code Online (Sandbox Code Playgroud) 当前,我正在尝试为我的应用程序创建角色,不幸的是,我遇到了一些麻烦。每当我运行php artisan migration --seed时,我都会得到标题中写的错误。老实说,我觉得自己搞砸了一些很简单的事情,例如名字,但是我找不到我的错误。我将不胜感激。
User.php模型:
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class User extends Model implements Authenticatable
{
public function roles(){
return $this->belongsToMany('App\Role');
}
}
Run Code Online (Sandbox Code Playgroud)
Role.php模型:
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Role extends Model
{
public function users(){
return $this->belongsToMany('App\User');
}
}
Run Code Online (Sandbox Code Playgroud)
用户表:
public function up()
{
Schema::create('users', function (Blueprint $table) {
$table->increments('id');
$table->string('first_name');
$table->string('last_name');
$table->string('username');
$table->string('password');
$table->string('email');
$table->timestamps();
$table->rememberToken();
});
}
Run Code Online (Sandbox Code Playgroud)
角色表:
public function up()
{
Schema::create('roles', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->string('description')->nullable()->default(null);
$table->timestamps();
});
}
Run Code Online (Sandbox Code Playgroud)
role_user表
public …
Run Code Online (Sandbox Code Playgroud) 我试图在 Node.js/Express 中找到 session_start() 和 $_SESSION 的等效项,以便将当前用户的 id 放入会话中。几乎每个视频/教程都使用快速会话,但我读到:
警告 默认服务器端会话存储 MemoryStore 并非专为生产环境设计。它在大多数情况下都会泄漏内存,不会扩展到单个进程,并且用于调试和开发。
我需要某个模块来实现这一目标吗?
我正在创建一个网站,人们可以上传图像然后显示在索引页面上,但是,我一直想知道在宽度和高度设置为400x400px的标签中显示2000x2000px图像是否会减慢页面/图像的加载时间.
通常我在要使用该函数的组件中创建该函数,但是,我开始需要在两个或更多组件中使用某个函数,这意味着现在我必须将其复制并放置在其他组件。这显然不是最佳的,所以我想知道应该将这些函数放在哪里。为了向您展示通用实用函数的含义,我将在此处添加一个:
winrate(wins, losses) {
let games = wins + losses
return Math.round(wins * 100 / games) + '%'
}
Run Code Online (Sandbox Code Playgroud)
没什么特别的,只是取胜负,然后返回胜率。
我正在使用 Vuex,实际上我可以将它们放在 Vuex 商店中,但是,我不确定这是否是最好的选择,所以这就是我问你们的原因。
我尝试从 GitHub 下载并运行发送给我的 Vue.js 项目,但是当我尝试时npm run serve
,我收到以下错误:
Syntax Error: Error: No ESLint configuration found in C:\Users\User\Desktop\movies-main\src.
Run Code Online (Sandbox Code Playgroud)
我npm install
也提前跑了。我自己创建了几个 Vue.js 项目,但从未出现过此错误,所以我不确定如何解决它。我可能缺少对我的机器或其他东西的依赖吗?我以前没有使用过 ESLint。
登录应用程序后,我们正在测试 Fridump 内存转储中可用的内容,并且可以在文件中找到用户名和密码。我们不会将用户名或密码存储在 Redux、AsyncStorage 或任何其他存储中,它仅在应用程序的 RAM 中可用。
现在我被要求完全阻止这种情况,但是,从我所读到的内容来看,由于 JavaScript 的自动垃圾收集器,这似乎是不可能的。
我的假设正确吗?我可以提供任何文件来支持我的论点吗?
我正在尝试使用图像和标签的 ID 填充 image_tag 中间表,但是,我不断收到此错误,据我所知,表名不正确,即使它不是。它具有采用无符号整数的 image_id 和 tag_id 列。
“SQLSTATE[42000]:语法错误或访问冲突:1103 不正确的表名'image_tag'(SQL:插入image_tag
(image_id
,tag_id
)值(17、12 ))”
public function uploadImage(Request $request){
$this->validate($request, [
'name' => 'required|max:120',
'description' => 'max:120|nullable',
'image' => 'required|max:1999'
]);
$name = $request['name'];
$description = $request['description'];
$tag = $request['tags'];
$userId = auth()->user()->id;
$file = $request->file('image')->getClientOriginalName();
$fileName = pathinfo($file, PATHINFO_FILENAME);
$extension = $request->file('image')->getClientOriginalExtension();
$fileNameToStore = $fileName.'_'.time().'.'.$extension;
$fileNameToStore = str_replace(' ', '', $fileNameToStore);
$path = $request->file('image')->storeAs('public/images/uploaded', $fileNameToStore);
$image = new Image();
$image->name = $name;
$image->description = $description;
$image->user_id …
Run Code Online (Sandbox Code Playgroud)