小编P. *_*ick的帖子

div 中的图像带有 :after 或 :before?

我正在尝试在 div 的右侧放置一个背景图像,它没有覆盖整个 div。

现在是这样的(div1 是背景色):

<div id="div1">
    <div id="image"></div>
    Text
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.div1 {
    background: #324458;
    color: #FFF;
    font-size: 0.9em;
    font-weight: bold;
    padding: 10px;
    width: 100%;
    position: relative;
    border-radius:4px;
    height:40px;
    clear:both;
    overflow: hidden;
}

.image {
    background: url("url here");
    background-position: center center;
    background-size: cover;
    opacity: 0.3;
    height: 39px;
    margin: -10px;
    width: 300px;
    position:absolute;
    right: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 0;
}
Run Code Online (Sandbox Code Playgroud)

但是是否可以在其中显示图像而不将其作为 div1 中的 div?喜欢使用:after:before还是其他什么?我只希望 divimage显示在 div1 的右侧并且是 X 宽度。

html css

3
推荐指数
1
解决办法
8403
查看次数

如何处理来自外部源的慢速 Web API

我在使用来自外部源 (Steam) 的 Web API 时遇到了一个小问题。我需要多次调用 API 并获取其结果,这会极大地减慢速度,导致我的应用程序加载很长时间。

我在我的应用程序中使用 Laravel。我曾考虑缓存结果并向用户显示缓存的(旧)结果,同时在后台获取新结果,这将在下一个页面加载时可见。问题在于我如何提高第一次页面加载的速度,因为我必须以某种方式获取数据。

除此之外,我不知道如何提高我这边的表现。任何建议,将不胜感激!

php laravel

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

不能在地图方法中等待承诺

我正在尝试呈现房间列表,然后获取房间中每个收件人的用户数据,并且由于房间中只能有 2 个用户(您 + 另一个人),因此收件人只是另一个人。

async renderRooms(room, user) {
    const recipentId = room.users.filter(id => id != user.id)[0],
        recipients = await userService.getOne(recipentId);

    console.log(recipients)

    return (
        <ListGroupItem tag="a" href="#" data-unread="3" action key={room._id} onClick={this.onRoomOpened.bind(this, room._id)}>
            <img src={""} />
            <div className="details">
                <div className="recipient-name"></div>
                <div className="last-message">
                    <MessageCircle className="feather" />
                    This is an example last message...
                </div>
            </div>
        </ListGroupItem>
    );
}

render() {
    if(this.props.rooms.length < 1) return <LoadingPage />;

    return (
        <userContext.Consumer>
        {({user}) => {
            if(this.state.roomId) return <ActiveRoom id={this.state.roomId} />;
            else
                return (
                    <ListGroup className="recipients">
                        {this.props.rooms.map(room …
Run Code Online (Sandbox Code Playgroud)

javascript async-await reactjs react-context

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

CodeIgniter 3 - 非聚合列分组依据

当我尝试在 CodeIgniter 3 中运行此查询时,出现以下错误:

Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'forum.phrases.id' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by

SELECT `id`, `keyword`, `value`, `language` FROM `phrases` GROUP BY `language`
Run Code Online (Sandbox Code Playgroud)

PHP:

$query = $this->db->select("id, keyword, value, language")
            ->group_by("language")
            ->get("phrases")
            ->result();
Run Code Online (Sandbox Code Playgroud)

我用谷歌搜索了一下,但不太明白答案,主要是因为查询与 CI 无关,而且非常复杂......如何在 codeigniter 中解决这个问题?

我不想更改任何 MySQL 设置。

php mysql codeigniter codeigniter-3

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