小编Jac*_*Dev的帖子

我正在尝试设置一些依赖于一些 Node 模块的 CI 测试，但不需要在 package.json 中安装所有内容。我想我可以这样做：

npm install --no-save eslint stylelint stylelint-config-standard stylelint-order stylelint-scss

但是，这样做仍然会安装我devDependencies在 package.json 中的所有内容。我如何告诉 NPM 忽略我的 package.json，而只安装我特别告诉它的内容？

编辑：为了更好地展示我node_modules遇到的问题，我删除了我的一个项目，并尝试运行npm install --no-save mkdirp. mkdirp 是一个非常简单的模块，只有一个依赖项，但是正如您从下面的输出中看到的那样，NPM 继续前进并仍然将所有内容安装在我的package.json.

jacob@RYZEN:~/Repositories/new-site$ npm install --no-save mkdirp

> puppeteer@1.8.0 install /mnt/c/Users/Jacob/Repositories/new-site/node_modules/puppeteer
> node install.js

Downloading Chromium r588429 - 103.7 Mb [====================] 100% 0.0s
Chromium downloaded to /mnt/c/Users/Jacob/Repositories/new-site/node_modules/puppeteer/.local-chromium/linux-588429

> node-sass@4.9.3 install /mnt/c/Users/Jacob/Repositories/new-site/node_modules/node-sass
> node scripts/install.js

Cached binary found at /home/jacob/.npm/node-sass/4.9.3/linux-x64-57_binding.node

> gifsicle@3.0.4 postinstall /mnt/c/Users/Jacob/Repositories/new-site/node_modules/gifsicle
> node lib/install.js …

我正在使用jQuery UI的Accordion http://jqueryui.com/demos/accordion/,我试图让它适合每个面板内容的高度.

它目前的工作方式是适应最大的面板内容,但我希望根据哪个面板打开来调整大小.

另外,有没有办法在默认情况下打开一个面板而不是顶面面板？我想在用户加载页面时打开最底层的面板.

提前致谢!

编辑:我已经尝试将height:auto !important;jquery-ui.css文件放在.ui-accordion .ui-accordion-content-active哪个文件上工作,但在关闭手风琴时会导致一个奇怪的问题,其中一个保持打开而另一个打开.

我正在制作一个画廊,当你将鼠标悬停在主图像上时,缩略图应该变得透明.我想用纯CSS实现这一点,但我不确定这是否可行.

CSS:

/* should affect thumbs but not main */
/* obviously this code wouldn't work */
#main:hover, #thumbs {
  opacity: .5;
}

HTML:

<div id="main">
  Hover over me to change #thumbs
</div>
<div id="thumbs">
  I change when you hover over #main
</div>

这可能使用纯CSS吗？

是否有一个脚本可以包含在我的网站上,它会自动将供应商前缀输入CSS？我想编写标准的CSS,所以几年后我不必回去删除供应商前缀.

我知道有插件可以做到这一点,但我需要一些非常具体的东西,我找不到任何东西.

我需要一个只更改mailto链接的jQuery脚本,而不是链接的文本.例如:

<a href="person(at)exammple.com">Person's Email</a>

除了实际的电子邮件地址之外,我还需要在链接中显示其他内容.我试图使用的脚本来自这个网站.

这是脚本:

jQuery.fn.mailto = function() {
    return this.each(function(){
        var email = $(this).html().replace(/\s*\(.+\)\s*/, "@");
        $(this).before('<a href="mailto:' + email + '" rel="nofollow" title="Email ' + email + '">' + email + '</a>').remove();
    });
};

我想我需要用<a>标签之间的其他内容替换"email"变量,但我不确定是什么.我还是jQuery的新手.

谢谢.

I build a lot of responsive sites. I'd like to support IE10 and IE11's snap modes, but I can't do it fully without breaking support for Windows Phone 8. This is the code I'm currently using, in my CSS:

@media screen and (max-width:400px) {
    @-ms-viewport{
        width: device-width;
    }
}

It works alright, but if IE10/11 isn't snapped to the smallest position possible, the site displays as zoomed out. If I get rid of the media query, it displays correctly in …

我正在尝试构建如下所示的按钮:

我可以使用:after和CSS三角形来完成这个,但我无法使用可变高度元素.有没有办法实现这一点并保持可变高度？

小提琴:http://jsfiddle.net/AaP47/2/

我正在从Notepad ++转向Dreamweaver,虽然Dw确实有比Notepad ++更好的功能,但有一些我真的很想念.

1. 有没有办法让键盘上的"Home"键带你到代码开始的前面,而不是前面的行？在Notepad ++中,默认情况下这是它的工作原理,我不知道为什么有人会想要去行的前面而不是前面的代码.我使用tabbing使其更有条理,所以这个功能对我来说非常重要.

2. 如何在Dw中复制一行？在Notepad ++中,我可以选择该行并按ctrl + d,它会自动复制代码.这对于像画廊或桌子这样的东西来说非常棒,我不想输入每一行,因为它非常相似.

3. 不太重要,因为我不经常使用它,但你可以在Dw中垂直选择吗？在Notepad ++中,您可以按住alt并垂直选择行.例如:

   http://dl.dropbox.com/u/12147973/vert-select.jpg

提前致谢.

如何使用jQuery延迟动画？

我需要导航来扩展宽度,然后扩展高度,然后反转为反向动画.

码:

$(function() {
    $("#nav li").not("#logo, #nav li ul li").hover(function(){
        $(this).animate({width:"200px"},{queue:false,duration:1000});
    }, function(){
        $(this).animate({width:"30px"},{queue:false,duration:1000});
    });


    $("#nav li.parent").hover(function(){
        $(this).children("ul").animate({height:"40px"},{queue:false,duration:500});
    }, function(){
        $(this).children("ul").animate({height:"0px"},{queue:false,duration:500});
    });
});

我正在尝试包装<label>,<input type="text" />和<select>元素<div class="formItem"></div>来修复我无法直接编辑的表单上的某些定位.出于某种原因,当我尝试使用以下代码时:

$("label").before("<div class=\"formItem\">");
$("input[type=text]").after("</div>");
$("select").after("</div>");

它不起作用.它只是<div class="formItem"></div>在每<label>一个对我没有帮助之前添加.

我已经看了一下,.wrap();但我不知道如何使用它来包装多个元素,就像我正在尝试做的那样.以下是HTML标记的示例:

<label>Text Box</label>
<input type="text" name="Text Box" />

<label>Select Menu</label>
<select name="Select Menu">
    <option>Example</option>
</select>

如果重要的话,大约有10套,9个文本框和1个选择框.