我在浏览器上放大容器的背景图像时出现问题.画面很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;
} …我正在处理一个接受字符串的挑战，然后返回所有大写的字符串，元音的一些替换/替换，并且有“!!!!” 在每个词之后。
function gordon(a){
return a.split(" ").map(function(x){return x.replace(/[aA]/g,"@").replace(/[aeiou]/g,"*") + "!!!! ";}).join("").toUpperCase();
}
此代码有效，并返回正确答案，除了最后一个“!!!”末尾的一个空格。
我问这个的主要原因是因为我觉得我在使用 map 方法或 for 循环时遇到了很多问题。如果你想影响除最后一个元素之外的所有元素，你会怎么做？有没有简单的方法来实现这一点？
我很尴尬地问这样一个基本问题.但如果这是我的知识中的一个基本或简单的差距,我宁愿得到一个解释,为什么我可以尽早开始养成良好的习惯.
我有一个函数,它接受一个字符串作为参数,并将其与数组值进行比较.
function validateHello(greetings){
var hello = ['hello','ciao','salut','hallo', 'hola', 'ahoj','czesc'];
for(var i = 0; i < hello.length; i++){
if(greetings === hello[i]){
return true;
}else{
return false;
}
}
}
似乎每次我运行这个for循环时,它只检查第一个数组hello[0]然后它似乎中断.我怎么能阻止这种情况发生？我continue;在返回true之后尝试使用但是也没有修复它.我觉得我应该知道这一点,但我完全是在脑力训练,无法弄清楚原因.谢谢!
我试图通过存在于每个对象上的名称属性对对象数组进行排序。当使用sort()带有以下代码的方法时，我收到以下错误：
ERROR ReferenceError: b is not defined
这是我的代码：
myArray.sort( (a, b) => {
return (typeof a.name: string === 'string') - (typeof b.name === 'string')|| a.name - b.name || a.name.localeCompare(b.name)};
奇怪的是……
当我运行时：
myArray.sort( (a, b) => {
console.log(a.name);
console.log(b.name);
它记录的名字非常好。我错过了什么？？
只是为了彻底了解一点上下文：
我在从 angular service.ts 文件执行 HTTP 调用后使用此方法，并且此数组正在传递给我的组件并订阅。我正在使用 Angular，所以这将是 Typescript 编译为 JavaScript。我还有另一种myArray.forEach()方法，就在我的sort()方法之下，并且有效。
arrays ×3
javascript ×3
angular ×1
css ×1
css3 ×1
for-loop ×1
html ×1
html5 ×1
if-statement ×1
methods ×1
typescript ×1