我正试图将一个简单的命令传递给流浪汉机器.

vagrant ssh -c "mysql -u root -e'CREATE DATABASE testing';"

db不会被创建.相反,我只是通过ssh'登录'到流浪汉机器.

我跑的时候也会发生同样的事情

vagrant ssh -c "touch test.txt"

我也尝试过:

• 命令周围的单引号
• --command 而不是速记 -c

有什么想法发生了什么？

编辑

我将发布我的脚本,它将我的脚本与Homestead集成,因此无法真正调整流浪汉配置.

编辑

因为我使用Homestead,所以用户和pw是不同的.它应该是

vagrant ssh -c "mysql -u homestead -psecret -e'CREATE DATABASE testing;'"

不要更改上面的代码,以避免与已提交的答案混淆.

但是,这并没有解决问题.如上所述,正在发生同样的事情.

$('.class').data({data-toggle: "whatever-value", data-target: "#id"});

我不断收到语法错误 -

我原本试过.attr然后切换到,.data因为我认为这将解决它.

有人可以帮助解决这个简单问题吗？

谢谢

我了解金丝雀是什么。但是，如果您不知道可以使用哪些Beta功能，那将毫无用处。那么，在哪里可以找到此信息？我一直在搜寻，但找不到任何东西。

我需要为某些 div 复制文本并设置不同的样式。我将为此使用伪元素。

关于content属性，我知道我可以像在下面的演示代码中一样从父元素中获取属性，但是有没有办法获取父元素的实际文本？我没有在文档或网上找到任何说可以或不能完成的内容。

div::after {
  content: attr(data-text);
  display: block;
}

<div data-text="This is the data-text contetnt">This is the div content</div>

编辑

我要补充的是，如果这是在 JS 中完成的，它将使用textContent属性而不是innerHTML属性

所以我想将browsersync连接到一个我无法控制的网站.基本上我希望它用我的计算机上的css文件替换实时站点上的css文件(它从一堆较少的文件中编译).当更改本地css文件时,browsersync应该像通常那样注入css.我正在使用browsersync和gulp,因为我还想运行其他任务.

下面的代码将打开gulpjs.com并正确匹配gulpjs.com中的main.css,并尝试在其中提供一些东西.但我得到的是main.min.css的404.它在这里寻找它

HTTP://本地主机:3000/CSS/main.min.css

我压缩了测试项目(不包括节点模块),你可以在这里下载 - https://www.dropbox.com/s/5x5l6bbxlwthhoo/browsersyncTest.zip?dl=0

这是我到目前为止所拥有的......

项目结构

css/ main.min.css (compiled from app.less)

less/ app.less

gulpfile.js 

package.json

的package.json

{
  "name": "browsersyncTest",
  "devDependencies": {
    "autoprefixer": "^6.7.0",
    "browser-sync": "^2.18.6",
    "cssnano": "^3.10.0",
    "gulp": "^3.9.1",
    "gulp-clean-css": "^2.3.2",
    "gulp-less": "^3.3.0",
    "gulp-postcss": "^6.3.0",
    "gulp-rename": "^1.2.2",
    "gulp-uglify": "^2.0.0",
    "gulp-watch": "^4.3.11"
  }
}

gulpfile.js

var gulp = require('gulp');
var less = require('gulp-less');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var cleancss = require('gulp-clean-css');
var rename = require('gulp-rename');
var watch = require('gulp-watch');
var browserSync …

嘿我的主题使用此功能来显示帖子的类别,但它也创建了我想要摆脱的链接.我更喜欢PHP而不是JavaScript解决方案.

这是代码:

<p class="postmeta">
    <?php if ( 'post' == get_post_type() ) : // Hide category and tag text for pages on Search ?>
        <?php
            /* translators: used between list items, there is a space after the comma */
            $categories_list = get_the_category_list( __( ', ', 'gridster' ) );
            if ( $categories_list && gridster_categorized_blog() ) :
        ?>
            <?php /*printf( __( '%1$s', 'gridster' ), $categories_list );*/ echo $categories_list; ?>
        <?php endif; // End if categories ?>


    <?php endif; // End if 'post' == …

我不想为此使用 jQuery。

这真的很简单，我只想在滚动经过一定数量的像素（比如 10 像素）后添加一个类，如果我们回到前 10 个像素，就将其删除。

我最好的尝试是：

var scrollpos = window.pageYOffset;
var header = document.getElementById("header");

function add_class_on_scroll() {
    header.classList.add("fade-in");
}

function remove_class_on_scroll() {
    header.classList.remove("fade-in");
}

window.addEventListener('scroll', function(){
    if(scrollpos > 10){
        add_class_on_scroll();
    }
    else {
        remove_class_on_scroll();
    }
    console.log(scrollpos);
});

但是控制台显示的数字无论向上或向下滚动都会继续增长。fade-in尽管控制台显示我们已经超过 10级，但该类从未被添加。

我正在创建一个全屏灯箱幻灯片/轮播，并srcset用于提供最合适的图像。

但是，我不确定如何解决这个问题，因为我的图片有两种方向 - 横向和纵​​向。

根据图像纵横比、图像大小和屏幕大小，某些图像的宽度将首先最大化，而其他图像的高度将最大化。

在某些情况下，所有图像首先在宽度（考虑纵向）或高度（考虑横向）上最大化。

tl; dr - 宽度或高度永远不会达到最大值 === 这很复杂

我怎么想把它写成一个针对 size 属性的媒体查询？我什至不知道从哪里开始。

对于代码和可视化示例，我创建了一支钢笔 -转到钢笔

HTML

<div class="container">
  <img src="image.jpg">
</div>
<div class="container">
  <img src="image-2.jpg">
</div>

CSS

.container {
  display: flex;
  height:100vh;
  width:100vw;
  justify-content: center;
  align-items: center;
}

img {
  display: block;
  max-width:100%;
  max-height:100%;
}

jQuery(document).ready(function($) {
    $('#customdivid').prepend($('<div class="myclass"></div>'));    
})(jQuery);

我正在使用 Wordpress，我知道它在无冲突模式下运行，但我想如果我像上面那样写出一个函数，我将能够使用 $ 而不是 jQuery。

当我只使用 jQuery 时，脚本运行良好，但我想了解我做错了什么。

谢谢

更新：我想我真正要问的是如何在 js 文件中创建它。jQuery = $

我会做吗 var $ = jQuery

我在某处阅读了可以包含$在()after 函数中并用 jQuery 结束该函数的地方，一切都会好起来的，因此我在上面的示例中。

希望我说的有道理

再次感谢！

我正在尝试扩展第三方课堂，但在让打字稿演奏得很好时遇到了麻烦。基本上，我不能在新方法中使用该类中已定义的任何现有方法。

一种解决方法是重新定义中的现有方法extensions.ts（请参见下文），但是必须有更好的方法。

第三方 index.d.ts

export as namespace thirdParty;

export Class SomeClass {
  // some methods here
}

我的 extensions.ts

import {thirdParty} from 'thirdParty'

declare module 'thirdParty' {
    namespace thirdParty {
        class SomeClass{
            newMethod(): this

            // works if I redfine the method here
            originalExistingMethod(): number
        }
    }
}

thirdParty.SomeClass.prototype.newMethod = function() {
    return this.originalExistingMethod() + 1
}

当调用上述现有方法时this.originalExistingMethod()，打字稿会抱怨：

TS2339: Property 'originalExistingMethod' does not exist on type 'SomeClass'

有没有一种方法可以避免执行模块扩充时必须重新定义现有方法？