小编Bob*_*aru的帖子

我希望 Flexbox 子项占据其父项宽度的 50%,并且它们之间还有 10px 的间隙。我怎样才能实现这个目标?

所以我的目标是有 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)

html css

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

如何从 Vuex 操作访问 Vuex 状态属性?

目前我有一个带有 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)

javascript vue.js vuex vuejs2

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

有没有更优雅的方式编写函数,该函数根据函数的参数返回图像的名称?

我有一个对象,其属性称为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)

javascript

7
推荐指数
3
解决办法
118
查看次数

进入Container.php行752:尝试在Laravel中植入角色时,类RoleTableSeeder不存在错误

当前,我正在尝试为我的应用程序创建角色,不幸的是,我遇到了一些麻烦。每当我运行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)

php seed laravel

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

相当于 Node.js/Express 中的 session_start() 和 $_SESSION

我试图在 Node.js/Express 中找到 session_start() 和 $_SESSION 的等效项,以便将当前用户的 id 放入会话中。几乎每个视频/教程都使用快速会话,但我读到:

警告 默认服务器端会话存储 MemoryStore 并非专为生产环境设计。它在大多数情况下都会泄漏内存,不会扩展到单个进程,并且用于调试和开发。

我需要某个模块来实现这一目标吗?

javascript session node.js express

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

如果用户上传2000x2000 px图像,然后我将其显示为400x400像素,页面是否使用带宽,就像图像是2000x2000px一样?

我正在创建一个网站,人们可以上传图像然后显示在索引页面上,但是,我一直想知道在宽度和高度设置为400x400px的标签中显示2000x2000px图像是否会减慢页面/图像的加载时间.

html css

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

我应该将多个 Vue.js 组件使用的通用实用函数放在哪里?

通常我在要使用该函数的组件中创建该函数,但是,我开始需要在两个或更多组件中使用某个函数,这意味着现在我必须将其复制并放置在其他组件。这显然不是最佳的,所以我想知道应该将这些函数放在哪里。为了向您展示通用实用函数的含义,我将在此处添加一个:

winrate(wins, losses) {
    let games = wins + losses
    return Math.round(wins * 100 / games) + '%'
}
Run Code Online (Sandbox Code Playgroud)

没什么特别的,只是取胜负,然后返回胜率。

我正在使用 Vuex,实际上我可以将它们放在 Vuex 商店中,但是,我不确定这是否是最好的选择,所以这就是我问你们的原因。

javascript vue.js vuejs2

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

当我尝试 npm run 服务从 GitHub 获得的项目时,出现“语法错误:错误:找不到 ESLint 配置”

我尝试从 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。

javascript eslint vue.js vuejs2

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

是否可以防止用户名和密码等敏感输入数据出现在 Fridump 内存转储中?

登录应用程序后,我们正在测试 Fridump 内存转储中可用的内容,并且可以在文件中找到用户名和密码。我们不会将用户名或密码存储在 Redux、AsyncStorage 或任何其他存储中,它仅在应用程序的 RAM 中可用。

现在我被要求完全阻止这种情况,但是,从我所读到的内容来看,由于 JavaScript 的自动垃圾收集器,这似乎是不可能的。

我的假设正确吗?我可以提供任何文件来支持我的论点吗?

javascript react-native

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

“SQLSTATE[42000]:语法错误或访问冲突:1103 不正确的表名错误

我正在尝试使用图像和标签的 ID 填充 image_tag 中间表,但是,我不断收到此错误,据我所知,表名不正确,即使它不是。它具有采用无符号整数的 image_id 和 tag_id 列。

“SQLSTATE[42000]:语法错误或访问冲突:1103 不正确的表名'image_tag'(SQL:插入image_tagimage_idtag_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)

php laravel

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

标签 统计

javascript ×6

vue.js ×3

vuejs2 ×3

css ×2

html ×2

laravel ×2

php ×2

eslint ×1

express ×1

node.js ×1

react-native ×1

seed ×1

session ×1

vuex ×1