小编And*_*L64的帖子
Bootstrap网格问题(重叠div)
我知道这个问题已经回答了,但我真的不知道我错了.
我有一个这种结构的网格:
<div class="row">
<div class="row">
<div class="left_content col-lg-8 col-sm-12">
<div class="row">
<div class="news_report col-lg-6 col-sm-6">
</div>
<div class="news_report col-lg-6 col-sm-6">
</div>
</div>
<div class="row">
<div class="recursos_container col-xs-6">
</div>
<div class="more_info_container col-xs-6">
<div class="alerts_container">
</div>
<div class="acces_to_catalog_container">
</div>
</div>
</div>
<div class="row">
<div class="app_info_container col-xs-12">
<div class="app_left_content">
</div>
<div class="app_right_content">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="right_content col-lg-4 col-sm-12">
<div class="row">
<div class="twitter_container">
<div class="twitter_header">
</div>
<div class="twitter_content">
</div>
</div>
</div>
<div class="row">
<div class="blog_container">
<div class="blog_side_header">
</div> …6
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
GraphQL查询返回错误“无法为非空字段返回空”
我有一个基本的GraphQL查询设置，如下所示：
Query.js：
const Query = {
dogs(parent, args, ctx, info) {
return [{ name: 'Snickers' }, { name: 'Sunny' }];
},
};
module.exports = Query;
schema.graphql：
type Dog {
name: String!
}
type Query {
dogs: [Dog]!
}
我创建了一个createServer()用于启动服务器的函数，如下所示：
const { GraphQLServer } = require('graphql-yoga');
const Mutation = require('./resolvers/Mutation');
const Query = require('./resolvers/Query');
const db = require('./db');
function createServer() {
return new GraphQLServer({
typeDefs: 'src/schema.graphql',
resolvers: {
Mutation,
Query,
},
resolverValidationOptions: {
requireResolversForResolveType: false,
},
context: req => …6
推荐指数
推荐指数
1
解决办法
解决办法
2589
查看次数
查看次数
未捕获的语法错误：意外的标记“<”React
我正在尝试使用 React 创建一个简单的网站，但由于某种原因它只显示一个空白页面。
控制台日志上显示的错误是Uncaught SyntaxError: Unexpected token '<' main.js:6，这是一条非常正常的行。有人可以告诉我错误在哪里吗？
非常感谢。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>U4Ever</title>
</head>
<body>
<div id="root"></div>
<script src="main.js" type="module"></script>
</body>
</html>
主要JS：
import React from "react"
import ReactDOM from "react-dom"
import _navbar from "./navbar.js"
import _body from "./body.js"
ReactDOM.render(<_navbar />, document.getElementById("root"))
ReactDOM.render(<_body />, document.getElementById("root"))
导航栏：
import React from "react"
function navbar() {
return(
<navbar>
<a href="#">Articles</a>
<a href="#">Notes</a>
<a href="#">Course</a>
<a href="#">Brain</a>
<a href="#">Newsletter</a>
<a href="#">Facebook</a>
</navbar>
)
}
export default navbar
身体
import …6
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
为什么我的容器背景图像如此放大？
我在浏览器上放大容器的背景图像时出现问题.画面很1200px宽,我的容器也1200px很宽.我把它设置为我的.container选择器的背景图像.当我在浏览器中加载它时,它只显示图像的一小部分,因为它到目前为止已放大.为什么会这样？
HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<main role="main">
<article role="article">
<section>
<header>
<div class="container">
</div>
</header>
</section>
</article>
</main>
</body>
</html>
CSS:
@font-face {
font-family: "Brandon Grotesque";
src: url("fonts/Brandon_Grotesque/Brandon_reg.otf")
format("opentype");
}
html, body {
padding:0;
margin: 0;
background-color:#222222;
}
body {
font-family:"Brandon Grotesque";
width: 1200px;
margin: 0 auto;
}
.container {
width: 1200px;
height:600px;
background-image:url("img/background.jpg");
text-align:center;
margin:auto;
padding:0;
} …5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
css媒体查询将类添加到HTML
我有这个HTML:
<li><a href=""><i class="fa fa-iconname" style="vertical-align: middle;"></i>Link Name</a></li>
然后我在我的CSS中使用这个媒体查询:
@media (max-width: 1000px) {
...
}
如何将我的标签更改为:
<i class="fa fa-iconname lg-2x" style="vertical-align: middle;"></i>
媒体查询何时生效？
5
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数
HTML：如何在谷歌搜索时获取子链接和搜索框显示
因此，如果我使用 google StackOverflow，我会得到以下结果（带有搜索栏）：
有没有办法让这个搜索框使用一些 HTML 或 Javascript 代码显示在我的网站上？
5
推荐指数
推荐指数
1
解决办法
解决办法
1375
查看次数
查看次数
如何在反应组件中切换 mousedown/mouseup 上的类？
我试图在反应组件中切换一个类，如果用户将鼠标放在按钮上，那么它将向该按钮添加一个类，当用户按下鼠标时，它将恢复并删除该类从按钮。
按照官方ReactJS 文档中的解释和示例，我设法将以下代码片段放在一起，但它不起作用并且不断在控制台上抛出语法错误：
import React from 'react';
export class Buttons extends React.Component{
toggleClass() {
if this.classList.has('btnDown') {
this.classList.remove('btnDown');
} else {
this.classList.add('btnDown');
}
}
render(){
return (
<div className="btn-wrap">
<button onMouseDown={(e) => this.toggleClass(e)} onMouseUp={(e) => this.toggleClass(e)} value = '1' >1</button>
<button onMouseDown={(e) => this.toggleClass(e)} onMouseUp={(e) => this.toggleClass(e)} value = '2' >2</button>
<button onMouseDown={(e) => this.toggleClass(e)} onMouseUp={(e) => this.toggleClass(e)} value = '3' >3</button>
<button onMouseDown={(e) => this.toggleClass(e)} onMouseUp={(e) => this.toggleClass(e)} value = '4' >4</button>
<button onMouseDown={(e) => this.toggleClass(e)} onMouseUp={(e) => …5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
如何在React-Final-Form中收听Field组件的onChange？
Redux-form "Field"组件提供onChange属性.每当从基础输入触发onChange事件时将调用的回调.此回调允许为Field获取"newValue"和"previousValue".
React-final-form "Field"组件没有此属性.
那么,我如何才能获得相同的功能？
5
推荐指数
推荐指数
4
解决办法
解决办法
9064
查看次数
查看次数
为什么css规则优先考虑
我有2个规则,我适用于HTML元素,nav和pull-right
HTML
<ul class="top-header__nav nav nav-inline pull-right">
<li><a href="#">Acceussil</a></li>
<li><a href="#">Acsssceuil</a></li>
<li><a href="#">Accessuil</a></li>
<li><a href="#">Accesssuil</a></li>
<li><a href="#">Accesssuil</a></li>
</ul>
CSS
.nav {
margin: 0;
padding: 0;
}
.pull-right {
margin-left: auto;
}
通常,ul应该有margin权利auto,但导航margin:0优先为什么??
- 这是chrome developper工具的图像:
4
推荐指数
推荐指数
1
解决办法
解决办法
28
查看次数
查看次数
如何检查变量中是否有任何一个大于0
如何从Typescript中的给定变量检查是否有任何变量大于0？
如何重写下面的代码,使其更优雅/简洁？
checkIfNonZero():boolean{
const a=0;
const b=1;
const c=0;
const d=0;
//Regular way would be as below.
//How can this use some library instead of doing comparison for each variable
if(a>0 || b>0 || c>0 || d>0){
return true;
}
return false;
}
4
推荐指数
推荐指数
1
解决办法
解决办法
81
查看次数
查看次数