小编mth*_*rsj的帖子

填充剩余的垂直空间 - 仅限CSS

我需要填写剩余的垂直空间#wrapper#first#secondDIV.

我需要一个唯一的CSS解决方案.

HTML:

#wrapper {
  width: 300px;
  height: 100%;
}

#first {
  width: 300px;
  height: 200px;
  background-color: #F5DEB3;
}

#second {
  width: 300px;
  height: 100%;
  background-color: #9ACD32;
}
Run Code Online (Sandbox Code Playgroud)

CSS:

<div id="wrapper">
  <div id="first"></div>
  <div id="second"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css html5 css3

54
推荐指数
4
解决办法
9万
查看次数

React Native 无法启动模拟器

在尝试测试使用 React Native 创建的 android 应用程序时,我遇到了这个错误

info Launching emulator...
error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.
warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
Run Code Online (Sandbox Code Playgroud)

我在 android studio 中安装了模拟器(AMD 版本)。

我怎么解决这个问题

android reactjs react-native

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

更改:之前:将鼠标悬停在主DIV上?

我有一个看起来像讲话泡泡的div.主要的div是泡沫和:之前是箭头.我想要做的是,当你:hover在CSS中翻转DIV时,它也会改变:before.

这是我的代码:

.sidebar_image_box_newsfeed_user_info_comments { 
    color: #ffffff; 
    background-color: #2f2f2e;
    text-decoration: none; 
    -webkit-transition-property: background-color, color, text-decoration; 
    -webkit-transition-duration: 0.5s, 0.5s, 0.5s; 
}

.sidebar_image_box_newsfeed_user_info_comments:hover { 
    background-color: #3b3b3b; 
    color: #f3f3f3; 
    text-decoration: underline; 
}

.sidebar_image_box_newsfeed_user_info_comments:before { 
    content:""; position:absolute;
    bottom:-6px; right:0;
    border-width:0 0 6px 6px;
    border-style:solid;
    border-color:transparent #2f2f2e;
    text-decoration: none;
    -webkit-transition-property: background-color, color, text-decoration;
    -webkit-transition-duration: 0.5s, 0.5s, 0.5s;
}
Run Code Online (Sandbox Code Playgroud)

html css

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

组件不会在路由更改时重新呈现 - React HashRouter

我有一个问题reactreact-router.当我单击链接时(在我的示例contactFooter.js),URL会更改,但Location不会显示所需的组件.当我刷新网站时,会显示正确的组件.

App.js:

import React, { Component } from 'react';
import { BrowserRouter as Router, HashRouter, Route, Link } from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap.css';
import Footer from './Footer.js';
import Navigation from './Navigation.js';
import Background from './Background.js';
import Home from './Home.js';
import Products from './Products.js';
import Industries from './Industries.js';
import Partner from './Partner.js';
import Location from './Location.js';
import MeetUs from './MeetUs.js';
import ScrollUp from './ScrollUp.js';
import Divider from './Divider.js';
import Country from './Country.js'; …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router react-router-v4

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

与 Material-ui 卡媒体反应,点击时添加覆盖

可以将纯 HTLM、CSS 和 JavaScript 中的不透明彩色叠加层添加到图像中,但使用 Material-UI 时我遇到了一些问题。

<Card>
   <CardMedia>
      <img alt="" src={this.props.Webpull} />
   </CardMedia>    
</Card>
Run Code Online (Sandbox Code Playgroud)

这将添加一张卡片并将图像嵌入其中。

当我单击图像 rgb(0,0,255,0.3) 时,如何在其顶部添加叠加层,并使叠加层永远保留?

谢谢!

html javascript css reactjs material-ui

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

如何在反应中实施和解概念?

我想在列表中添加一个字符串,并且有一个CounterComponent与分开工作的字符串,我HelloWordComponent为Microsoft设置1,为FaceBook设置2,为React设置3;当我将“ yahoo”添加到列表的第一行时,“ yahoo”的计数器设置为1,并且反应变为0。

我知道我必须使用唯一的密钥,并且我认为它{name}是合格的,但是我不知道key = {name}确切地在哪里使用?

class HelloWordComponent extends React.Component {
  render() {
    return <div>{this.props.name}</div>
  }
}

class Counter extends React.Component {
    constructor(){
        super()

        this.onPlusClick = this.onPlusClick.bind(this)

         this.state = {count : 0}
    }

    onPlusClick(){
        this.setState(prevState => ({count: prevState.count + 1}))
    }

    render(){
        return <div>
            {this.state.count}
            <button onClick = {this.onPlusClick}>+</button>
        </div>
    }
}

class App extends React.Component{
  constructor(){
    super()

    this.addName = this.addName.bind(this)

    this.state = {
      name: "Sara",
      list:['Microsoft', 'FaceBook', 'React']
    }

  }

  addName(){ …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

无法在scrapy爬虫中导入我自己的模块

我正在使用 Scrapy 编写一个爬虫。我已经构建了一个爬虫并且运行得很好。

现在我想创建自己的模块,但总是收到此错误:

文件“D:\Projects\bitbucket\terranoha\crawl1\crawl1\spiders\samplecrawler.py”,第 4 行,导入 moduletest

ModuleNotFoundError:没有名为“moduletest”的模块

代码是:

from scrapy.spiders import CrawlSpider, Rule
from scrapy.linkextractors import LinkExtractor
import moduletest

class SamplecrawlerSpider(CrawlSpider):
    # [...]
Run Code Online (Sandbox Code Playgroud)

我在跑步: scrapy crawl --nolog samplecrawler。我使用的是 Windows 10。

我的项目结构是:

在此输入图像描述

python scrapy

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

降低 Vuetify 下拉菜单的高度

我无法降低 Vuetify 下拉组件的高度v-select。我尝试使用道具dense,但它只会减少要选择的选项的高度,并且不会对关闭的下拉菜单显示任何效果。

我尝试了以下模板代码:

<v-select :items="selectableYears" dense outlined></v-select>
Run Code Online (Sandbox Code Playgroud)

文档中的示例代码非常相似:

<v-select
    :items="items"
    label="Outlined style"
    dense
    outlined
></v-select>
Run Code Online (Sandbox Code Playgroud)

文档: https: //vuetifyjs.com/en/components/selects

vue.js vuejs2 vuetify.js

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

文字修改,使用“内容”?

我尝试使用CSS 更改按钮的文本,但不起作用。

我尝试使用内容:“某事”,但它不起作用。

button.mainMenu {
  content: "-";
}

button.mainMenu:hover {
  content: "X";
}
Run Code Online (Sandbox Code Playgroud)
<body>
  <button class="mainMenu" type="button">
    </button>
</body>
Run Code Online (Sandbox Code Playgroud)

它在框中没有显示任何内容:/

css

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

useState 对象集

我是 ReactJS 的新手并使用 Hooks。我想为对象设置状态。这是我的代码:

const StartPage = (props)=> {
    const [user,setUser] = useState('')
    const [password,setPassword] = useState('')

    const [info,setInfo] = useState({
           email:''
        ]})
    const onUserChange=(e)=>{
        const user = e.target.value
        setUser(user)
    }
    const onPasswordChange=(e)=>{
        const password = e.target.value
        setPassword(password)

    }
    const onSubmit=(e)=>{
        e.preventDefault()
        const myHeader = new Headers ({
            'APIKey':'*****',
            "Content-Type": "application/json",
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Expose-Headers':'headers'
        })
        fetch(`[my_link_to_api]?username=${user}&password=${password}`,{
            method:'GET',
            credentials: 'omit',
            headers:myHeader,
        })
        .then(response =>response.json())
        .then(data =>{
            if(data!==undefined){
                setInfo({...info, data})
            }
            console.log(info) 
        })
        .then(()=>{
            console.log(info)
            history.push({
                pathname:'/dashboard',
                state:info
            })
        })
        .catch((e)=>{
            console.log(e) …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-redux react-hooks

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

使div上下滚动

我的div位于视图顶部下方74px,向下滚动时,我希望该div向上移动,直到其固定在顶部的0px处。然后,当我向上滚动页面到顶部时,我想让它回到74px。

这是我到目前为止所拥有的,我对此还很陌生。

function scroll() {
  window.addEventListener("scroll", function(event) {
    var scroll = this.scrollY;
    document.getElementById("listBar").style.top -= scroll;
  });
}
Run Code Online (Sandbox Code Playgroud)
.listBar {
  position: fixed;
  top: 74;
}
Run Code Online (Sandbox Code Playgroud)
<div id="listBar"></div>
Run Code Online (Sandbox Code Playgroud)

我该怎么做?谢谢!

html javascript css

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