不知道为什么，但我无法阻止红色按钮 100% 宽。我宁愿让它尽可能小，而不是拉伸到 100% 宽度。我可以设置最大宽度，但如果按钮内的文本超过宽度，那就不好了。显示为flex、block、inline-block和inline不起作用——flex shink和flex增长到0也不起作用。
实际上无法识别我做错了什么。有任何想法吗？
* {
color: #000000;
margin: 0px;
padding: 0px;
font-family: 'Open Sans',verdana,helvetica,arial,sans-serif;
font-size: 100%;
box-sizing: border-box;
}
body { max-width: 1088px }
.divStyle6 {
width: 100%;
background: lightgreen;
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.divStyle6 div { width: 50% }
.divStyle6 > div:first-of-type {
background: url('https://www.encoreradio.co.uk/wp/wp-content/uploads/2018/08/mamma-mia.jpg');
background-position: top center; /* in case wrong aspect ratio image provided */
background-size: cover;
padding-bottom: 25%; /* aspect ratio 2:1 */
}
.divStyle6 > div:nth-of-type(2) {
display: …我试图只从数组中删除 2 之一，但我的代码删除了所有这些。我的代码如下：
var arr = [2,7,9,5,2]
arr.filter(item => ((item !== 2)));
和：
var arr = [2,7,9,2,2,5,2]
arr.filter(item => ((item !== 2)));
两者都删除所有 2s。我想过删除重复项，如果只有一个重复项，它就可以工作 - 例如：
Array.from(new Set([2,7,9,5,2]));
function uniq(a) {
return Array.from(new Set(a))
}
但是如果有多个重复项会失败，因为它只是将它们全部删除，包括任何其他重复的数字：
Array.from(new Set([2,7,9,9,2,2,5,2]));
function uniq(a) {
return Array.from(new Set(a))
}
有谁知道如何只删除 2s 之一？感谢这里的任何帮助。
我正在尝试发现如何将一些私有变量发送到全局范围.我创建了一个简短的演示:
function test() {
let private1 = 1, private2 = 2;
return private1;
}
test(); // returns the first variable value, but not if I have multiple variables
console.log(private1); // returns obvious error - how to make private variable global?
显然,记录任何变量都会返回错误,因为它们仅存在于相对于测试函数的本地范围中.所以我的问题是,如何将这些变量公之于众？
我从来没有以这种方式使用变量,我也找不到任何其他解释这一点的帖子,所以这通常是不好的做法吗？我很想知道.对如何最好地处理变量的任何解释或指导都会非常有帮助,谢谢.
我正在学习 ES6 和对象，想知道如何删除这个对象数组中的一个键值对：
[
{ "name" : "mark", "height" : "tall", "theId" : "1", "nat" : "uk"},
{ "name" : "ben", "height" : "medium", "theId" : "2", "nat" : "uk"},
{ "name" : "neil", "height" : "small", "theId" : "3", "nat" : "uk" }
]
结果应该是：
[
{ "name" : "mark", "height" : "tall", "nat" : "uk"},
{ "name" : "ben", "height" : "medium", "nat" : "uk"},
{ "name" : "neil", "height" : "small", "nat" : "uk" }
]
我创建了一个 …
我试图让我的函数运行一次且仅运行一次，即使在重新访问页面时也是如此。以此为例（或查看此StackBlitz演示）：
import React, { useEffect } from "react";
import { Route, Switch } from "react-router-dom";
import { BrowserRouter as Router, NavLink } from "react-router-dom";
const TestOne = () => {
useEffect(() => {
console.log("useEffect one");
});
return (
<div>
<NavLink to="/">Home</NavLink>
<p>test one</p>
</div>
);
};
const TestTwo = () => {
return (
<div>
<NavLink to="/test">One</NavLink>
<p>test two</p>
</div>
);
};
const App = () => {
return (
<Router>
<Switch>
<Route path="/test" component={TestOne} />
<Route path="/" …我正在尝试测试一些数组以检查它们是否包含:至少一个0至少一个1至少一个1在一个0之后
但我arr.includes(0,1)对一个应该是假的数组的返回测试是真的.他们应该是:
// var arr = [1,1,0,0,1,0,1] - should return true
// var arr2 = [1,1,0,0] - should return false
如何在一个0之后测试一个数组是否包含至少一个1？谢谢你的帮助
我的代码:
if(arr.includes(0) && arr.includes(1) && ___________) {
console.log(true);
} else {
console.log(false);
}
我对javascript还是比较陌生，并且试图找出为什么元素的文本内容在应该改变的时候没有改变的原因。我只希望单击“单击我”按钮时更改“ +”的文本内容。
元素应更改。为什么在这里不起作用？阅读相关文章后，进行详细的解释将非常有帮助。谢谢你的帮助。
function change() {
var btnToChange = document.getElementsByClassName("testBtn");
btnToChange.innerHTML = "it changed!";
}<button class="testBtn">+</button>
<button class="testBtn2" onclick="change()">Click to Change</button>我不得不使用自动边距来对齐页面中心的内容。
div {
background: #121212;
font-size: 100%;
display: flex;
}
a {
color: #fff;
padding: 2%;
display: inline-block;
background: linear-gradient(180deg, rgba(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.5) 66.66%), url('https://cml.sad.ukrd.com/image/714544.png');
background-size: cover;
background-position: top;
white-space: nowrap;
font-size: 18px;
}
img {
height: 100%;
width: auto;
display: flex;
align-self: center;
max-height: 50px;
margin: 0 auto;
/* fails justify-self: center; */
}<div>
<a href="#">? Some Text Goes Here</a>
<img src="https://cml.sad.ukrd.com/image/714824.png">
</div>我想发现如何将块图像定位在父 div 的中心。div 已经有另一个<a>孩子，它正在将块图像稍微推出中心。div 父级是一个 flexbox，我认为有一个justify-self: …
我试图找到最简洁的代码行，它遍历一个简单的对象数组，并将所有对象具有的特定属性的总值相加。
以这个对象数组为例：
const reviews = [
{
"name": "Joe Bloggs",
"comment": "I liked it. Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
"rating": 4,
"date": "22 April 2020",
"init": true,
"current": null
},
{
"name": "Nick Smyth",
"comment": "Great, thanks.",
"rating": 4.5,
"date": "29 December 2019",
"init": false,
"current": null
},
{
"name": "Mary Manson",
"comment": "Amazing - consectetur adipiscing elit ut aliquam purus sit amet luctus.",
"rating": 5,
"date": …我是jQuery的新手,我正在尝试编写一个删除所有空p标签,span标签,强标签以及仅包含''的p和span标签的函数.我成功地写了它,但只是以非常"潮湿"的方式:
$('p').filter(function() {
return ($(this).html().trim() == ' ');
}).remove();
$('span').filter(function() {
return ($(this).html().trim() == ' ');
}).remove();
$('span').filter(function() {
return ($(this).html().trim() == '');
}).remove();
$('strong').filter(function() {
return ($(this).html().trim() == '');
}).remove();
$('p').filter(function() {
return ($(this).html().trim() == '');
}).remove();
这是它使用的代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='test'>
<p>text</p>
<p> </p>
<p>text</p>
<p><span>text</span></p>
<p><span></span></p>
<p>text</p>
<p></p>
<p> </p>
<p>text</p>
<p> </p>
<p><span>text</span></p>
<p></p>
<p><span></span></p>
<p>text</p>
</div>
我尝试使用下面的函数重写代码,但失败了,告诉我'$(...).clean不是函数':
function clean() {
return $(this).filter(function() {
return ($(this).html().trim() == ' ');
}).remove();
}
$('p').clean();
$('span').clean();
其他类似的帖子建议添加(jQuery);,但这也没有用.
有人可以解释我在这里做错了什么,以及如何解决它？或者是否有更干燥的解决方案呢？我宁愿写更少的代码行.另外,快速问题 - 当函数在上面的另一个函数内时,可以使用2个返回语句,还是只使用1个？感谢您的帮助.