小编Hap*_*s31的帖子

Javascript中的+ =是什么?

例如,在while循环中:

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Run Code Online (Sandbox Code Playgroud)

它不能大于或等于,因为就是这样:> =那它是做什么的?谢谢

javascript loops while-loop

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

JavaScript - 走十分钟 - 如何正确访问数组元素

如果您不熟悉此挑战,请参阅以下说明:

https://www.codewars.com/kata/54da539698b8a2ad76000228/train/javascript

您住在 Cartesia 市,那里的所有道路都以完美的网格布局。你比预约时间早到了十分钟,所以你决定借此机会去散散步。城市为其公民在他们的手机上提供了一个步行生成应用程序——每次你按下按钮,它都会向你发送一组代表步行方向的单字母字符串(例如 ['n', 's', 'w', 'e'])。你总是只朝一个方向走一个街区,而且你知道穿越一个城市街区需要一分钟,所以创建一个函数,如果应用程序给你的步行时间正好是十分钟(你没有想早点或晚点!)当然会让你回到起点。否则返回 false。

到目前为止,我已经尝试过:

function isValidWalk(walk) {

  //initiate person starting point
  let person = [0, 0]
  //establish what the ending point must be
  let finalDestination = [0, 0]

  let north = [0, 1]
  let east = [1, 0]
  let south = [0, -1]
  let west = [-1, 0]

  //as long as the length of the array is 10 or less, continue walk
  for (let i = 0; i <= 10; i++) {
    //if …
Run Code Online (Sandbox Code Playgroud)

javascript arrays for-loop function

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

将数组转成字符串,用分隔符分隔字符串 - JavaScript

定义一个函数,myJoin,最多接受两个参数:

  1. array
  2. separator (字符串,可选)

myJoin应该返回一个字符串,其中将数组中的所有元素连接在一起。分隔符应分隔连接的元素:

myJoin(['a', 'b', 'c'], '+'); // => "a+b+c"
Run Code Online (Sandbox Code Playgroud)

如果未定义分隔符,则','用作默认分隔符。

myJoin(['Peter', 'Paul', 'Mary']); // => "Peter,Paul,Mary"
Run Code Online (Sandbox Code Playgroud)

如果数组中的任何元素是undefinednull,则应将它们替换为返回字符串中的空字符串。

myJoin(['hello', undefined, 'world'], '-'); // => "hello--world"
Run Code Online (Sandbox Code Playgroud)

我无法使用内置join方法。

链接到用于测试的 codepen

到目前为止,我已经尝试过:

function myJoin (array, separator) {

  let newString = "";

  if (separator = undefined) {
    separator === ",";
  }

  else {

    for (let i = 0; i < array.length; i++) {
      newString = i + separator;
    }

  }

  newString …
Run Code Online (Sandbox Code Playgroud)

javascript arrays string function separator

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

使用 CSS 将 Div 的左侧和右侧稍微倾斜

这是我正在尝试创建的内容:

在此输入图像描述

我应该能够做到这一点clip-path: polygon,但我不理解文档

这个形状到底有什么属性?

clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);- 上、左、下、右?50%是多少?0是什么?它们代表什么?文档似乎没有说,除非我错过了。

我从另一篇文章中找到了一些代码,结果如下:

.inner-container-top {
  width: 130px;
  font-size: 12px;
  font-weight: 600px;
  background: #8b000a;
  color: #ffffff;
  padding: 7px;
  clip-path: polygon(0% 100%, 100% 100%, calc(100% - 30px) 0%, 0% 0%, calc(100% - 30px) 0%, 0% 0%);
}
Run Code Online (Sandbox Code Playgroud)
<div class="inner-container-top">HELLOWORLD</div>
Run Code Online (Sandbox Code Playgroud)

但我再次不明白为什么要这样做。我需要翻转它,使其向相反方向倾斜,并在左侧创建一个倾斜。如果可以的话请帮忙。

html css polygon clip-path

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

将列表中的所有元素加起来但不包括第一个偶数的函数

我正在尝试编写一个python函数,它将列出列表中的所有元素,但不包括第一个偶数.该函数需要通过以下测试:

from test import testEqual

testEqual(sum_of_initial_odds([1,3,1,4,3,8]), 5)
testEqual(sum_of_initial_odds([6,1,3,5,7]), 0)
testEqual(sum_of_initial_odds([1, -7, 10, 23]), -6)
testEqual(sum_of_initial_odds(range(1,555,2)), 76729)
Run Code Online (Sandbox Code Playgroud)

我尝试了以下方法:

import random

lst = []
def sum_of_initial_odds(nums):
    sum = 0
#test if element is odd number - if it's odd, add it to the previous integer
    for i in lst:
        if i % 2 != 0:
            sum = sum + i
        return sum
#test if element is even number - if it's even, don't include it and break code
        else: 
            if i % …
Run Code Online (Sandbox Code Playgroud)

python if-statement list elements addition

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

Javascript - 延迟出现的文本(缓入)

我正在努力使登陆页面上的文本出现稍微延迟....首先,应该出现第一行,然后是第二行。他们都应该在出现时缓和。这是该部分的屏幕截图:

在此处输入图片说明

所以应该先出现“欢迎”,然后是“到废话收藏”。我尝试遵循这篇树屋文章中的建议。当按照 Lauren 建议的方法进行操作时,“欢迎”永远不会出现。

https://jsfiddle.net/fjvLwmrq/

当遵循 Rob 建议的方法时,}//]]>出现(没有延迟)而不是“欢迎”。

https://jsfiddle.net/a49rxo19/

这是我的 HTML:

<div class="parallax-window" data-parallax="scroll" data-image-src="/wp-content/themes/TheBullshitCollection/Images/white-background.jpg">
<div class="welcome-div">
    <h3 class="welcome">Welcome</h3>
</div>

<div class="to-the-bullshit-collection-div">
    <h3 class="to-the-bullshit-collection">To the Bullshit Collection</h3>
</div>

<section id="section5" class="demo">
    <a href="#section5"><span></span>Scroll</a>
</section>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.parallax-window {
height: 100vh;
}

.welcome {
text-align:center;
font-family: Beautiful ES;
font-size: 185px;
font-weight: lighter;
}

.to-the-bullshit-collection {
text-align:center;
font-family: Beautiful ES;
font-size: 185px;
font-weight: lighter; 
}

#section5 {
text-align:center;
}

#section5 a {
padding-top: 70px;
font-family: PT Sans Narrow; …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery transition

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

如何在Bootstrap列中居中图像

我在bootstrap列中有几个图像,如下所示:

<div class="services">
    <div class="container">     
        <div class="row">

            <div class="col-md-3 services-section">
                <img src="/images/website_design_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Website Design</h3>
                    <p>WordPress themes built for design and functionality</p>
                    </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/graphic_design_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Graphic Design</h3>
                    <p>Logo designs for identity and print</p>
                </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/search_engine_marketing_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Search Engine Marketing</h3>
                    <p>SEO strategies and PPC solutions to increase your presence online</p>
                </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/wordpress_conversion_icon.png"/>
                    <div class="services-paragraph">
                    <h3>WordPress Conversion</h3>
                    <p>Take advantage of the number-one CMS in …
Run Code Online (Sandbox Code Playgroud)

html css image centering twitter-bootstrap

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

JavaScript 中的最小最大和 - 如何获取 5 元素数组中 4 个元素的最小和和最大和

HackerRank 挑战赛链接

我的想法是循环遍历数组,每次将数组中除了一个元素之外的所有元素相加,然后找到最小和和最大和。

我知道.splice()可以从数组中删除任何元素。但目前,使用我的代码,它只从数组中删除一个元素一次。即这只给了我一大块:

function miniMaxSum(arr) {

  let smallestSum = 0;
  let largestSum = 0;

  for (let i = 0; i < arr.length; i++) {
    let chunk = arr.splice(1);
    console.log(chunk);
    if (chunk > largestSum) largestSum = chunk;
    if (chunk < smallestSum) smallestSum = chunk;
  }
  return (smallestSum, largestSum);
}
Run Code Online (Sandbox Code Playgroud)

我需要在每次循环时从数组中删除一个元素,然后从该数组中获取最大和最小和。

所以对于给定的数组[1, 2, 3, 4, 5]

我应该得到以下可能的“块”:

[2, 3, 4, 5],,,,, .[1, 3, 4, 5][1, 2, 4, 5]​​[1, 2, …

javascript arrays for-loop

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

使用 CSS 在图像上获得 50% 不透明度的叠加/阴影

我正在尝试在一行图像的顶部获得叠加层或框阴影。然后,当您将鼠标悬停在这些图像上时,该图像的阴影不透明度应从 0.5 变为 0.8。我已经尝试过这里建议的伪技术:

如何在图像上获得具有特定不透明度的阴影 CSS

并按照此处的建议将样式应用于图像下方的 div:

为什么 inset box-shadow 不适用于图像?

我和其他几个人一直无法弄清楚这一点。

目标是使图像看起来与行上方的其他三个图像相同 - 商务演示的图片、商务会议的图片和女商人的图片。它们每个都有一个初始框阴影,不透明度为 50% - 然后当您将鼠标悬停在按钮上时(请参阅我的作品、联系人和访问商店),图像上的不透明度应从 50% 更改为 80%。我们希望将相同的技术应用于行中的图像。

HTML:

<div class="row thumbnail-row">
<div class="my-work-image" id="margin-left-image">
  <img class="thumbnail-image" src="/wp-content/themes/gatewaywebdesign/assets/images/hamburger-thumbnail.jpg" />
    <div class="img__description_layer">
      <span class="img__description">The Hamburger Collection</span>
    </div>
</div>   
<div class="my-work-image">
  <img class="thumbnail-image" src="/wp-content/themes/gatewaywebdesign/assets/images/yoyomoi-thumbnail.jpg" />
   <div class="img__description_layer">
      <span class="img__description">YoYoMoi</span>
   </div>
</div>
<div class="my-work-image">
  <img class="thumbnail-image" src="/wp-content/themes/gatewaywebdesign/assets/images/dogs-thumbnail.jpg" />
   <div class="img__description_layer">
      <span class="img__description">Dogs On Duty</span>
   </div>
</div>
<div class="my-work-image">
  <img class="thumbnail-image" src="/wp-content/themes/gatewaywebdesign/assets/images/gateway-thumbnail.jpg" />
   <div class="img__description_layer">
      <span class="img__description">Gateway Web Design</span>
   </div> …
Run Code Online (Sandbox Code Playgroud)

html css

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