小编mil*_*ben的帖子

使用Gulp在同一目录中的多个文件扩展名

所以我有一个gulpfile.js设置.

在图像文件夹中,我有一些图像,一些是png,一些是jpgs和一些GIF.

我想定位images文件夹中的所有png,jpgs和gif.

我可以使用**/*来定位文件夹中的所有内容,但我不想,我希望它特定于文件类型.

我也可以这样做并单独指定每种文件类型:

return gulp.src('./images/*.jpg', './images/*.png', './images/*.gif')
Run Code Online (Sandbox Code Playgroud)

但这是很多重复自己,似乎应该有一个更简单的方法.

我正在寻找这样的东西:

return gulp.src('./images/*.{png, gif, jpg}')
Run Code Online (Sandbox Code Playgroud)

但是,唉,上面不起作用(或者至少它只适用于列表中的第一个文件类型)

有人知道怎么做吗?

谢谢

javascript gulp

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

使用Jekyll时如何在移动设备上访问localhost

所以我搜索了很多谷歌,我已经尝试了每个人都在暗示的一切,但似乎没有任何工作.

我想在手机上查看我的jekyll网站.

当我运行jekyll时,它说服务器地址:127.0.0.1:4000

我的电脑的IP是154.135.XY

我在windows入站规则中打开了端口

我尝试使用154.135.XY:4000和127.0.0.1:4000从我的手机访问,但无济于事.

有谁知道如何在手机上访问我的jekyll网站?

jekyll server

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

使用纯JS滚动到使用div(不是窗口)的位置

只有PURE JS请不要 - 没有JQUERY

我有一个带溢出滚动的div,窗口(html/body)永远不会溢出.

我有一个锚链接列表,并希望在点击它们时滚动到一个位置.

基本上只是从div中寻找锚滚动,而不是窗口.

window.scrollTo等不起作用,因为窗口永远不会溢出.

简单的测试用例http://codepen.io/mildrenben/pen/RPyzqm

nav
  a(data-goto="#1") 1
  a(data-goto="#2") 2
  a(data-goto="#3") 3
  a(data-goto="#4") 4
  a(data-goto="#5") 5
  a(data-goto="#6") 6

main
  p(data-id="1") 1
  p(data-id="2") 2
  p(data-id="3") 3
  p(data-id="4") 4
  p(data-id="5") 5
  p(data-id="6") 6
Run Code Online (Sandbox Code Playgroud)

SCSS

html, body {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

main {
  height: 100%;
  max-height: 100%;
  overflow: scroll;
  width: 500px;
}

nav {
  background: red;
  color: white;
  position: fixed;
  width: 50%;
  left: 50%;
}

a {
  color: white;
  cursor: pointer;
  display: block; …
Run Code Online (Sandbox Code Playgroud)

javascript anchor scroll

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

简单的PHP提交表单不起作用

只是制作一个简单的提交表单,似乎无法使其正常工作.

它甚至不会报告奇怪的错误.

检查了php.ini,一切看起来都很好.

HTML:

<form id="submit-form" action="receiving.php" method="POST">
        <h3>Submit a Link</h3>
        <fieldset>
            <table>
                <tr>
                    <td><label for="name">You</label></td>
                    <td><input id="name" name="name" type="text" placeholder="Your Twitter or Blog ect." /></td>
                </tr>
                <tr>
                    <td><label for="submit-links">Link(s)</label></td>
                    <td><input id="sumbit-links" name="submit-links" type="text" placeholder="" required="" /></td>
                </tr>
                <tr>
                    <td><input name="submit" type="submit" value="SUBMIT" /></td>
                </tr>
            </table>
        </fieldset>
    </form>
Run Code Online (Sandbox Code Playgroud)

receiving.php:

<?php 
error_reporting(-1);
$name = $_POST['name']; 
$submit-links = $_POST['submit-links']; 
if(isset($_POST['submit'])){
 $from_add = "submit@webdesignrepo.com"; 
 $to_add = "ben@webdesignrepo.com"; 
 $subject = "Your Subject Name";

 $message = "Name:$name \n Sites: $submit-links";

 $headers = 'From: submit@webdesignrepo.com' . …
Run Code Online (Sandbox Code Playgroud)

php forms submit form-submit contact-form

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

为什么输入[type ="text"]会改变焦点大小?

说我有输入.

HTML

<input type="text">
Run Code Online (Sandbox Code Playgroud)

CSS:

input, input:focus {
  border: none;
  outline: solid 1px grey;
  box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)

单击时,输入会更改大小.我怎么阻止这个?

http://codepen.io/mildrenben/pen/QwVvZK

html css input

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

Flexbox对齐项目:拉伸不拉伸低内容div

所以我有2个div,并排.

每个div都有不同的背景颜色.

第一个div的内容很少.

第二个div有很多内容.

在某些屏幕分辨率下,第二个div将溢出.

我需要第一个内容伸展到邻居的高度.

我认为flexbox align-items:stretch实现了这一点,但它似乎不起作用.

这里有一个工作模型:http://codepen.io/mildrenben/pen/MwxeJv

HTML:

<div class="wrap">
  <div class="first">
    First div content
  </div>
  <div class="second">
     // A Ton of content
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

html,
body {
  width: 100%;
  min-height: 100%;
}

.wrap {
   height: 100%;
   display: flex;
   align-items: stretch;
}

.first,
.second {
  height: 100%;
  width: 50%;
}

.first {
  background: green;
}

.second {
  background: blue;
}
Run Code Online (Sandbox Code Playgroud)

html css flexbox

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

如何向前传递CSS动画

所以我希望创造一个非常基本的雪效果.

我有一个关键帧动画,用于左右摇晃并沿Y轴向下移动的薄片.我希望元素使用转发保留结束值.但我还想循环播放动画(无限),以便它从中断的地方继续.

HTML:

<div>
  <figure class="small"></figure>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div {
  width: 100%;
  height: 250px;
  background: #184254;
}

figure {
  border-radius: 50%;
}

@-webkit-keyframes snowfall {
  25% {
    transform: translateX(10px) translateY(20px);
      }
  75% {
    transform: translateX(-10px) translateY(30px);
  }
  100% {
    transform: translateX(0px) translateY(40px);
  }
}

.small {
  margin-left: 100px;
  width: 7px;
  height: 7px;
  background: #DFE9ED;
  -webkit-animation: snowfall 2s ease-in-out forwards infinite;
}
Run Code Online (Sandbox Code Playgroud)

http://codepen.io/mildrenben/pen/PwZdXB

css animation keyframe

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

Soundcloud API为Likes和Follow返回不正确的值

Soundcloud API返回错误的收藏(喜欢)和关注计数.

有谁知道如何解决或者它是否只是在soundclouds方面?

例如:用户29084746是Jorja Smith,她有29个喜欢.https://soundcloud.com/jorjasmith

https://api.soundcloud.com/users/29084746/favorites?client_id=XXX&page_size=200&linked_partitioning=1
Run Code Online (Sandbox Code Playgroud)

返回17喜欢.

编辑:只是为了澄清,我测试的每个用户都会发生这种情况,而不仅仅是这个例子.

javascript api soundcloud

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