小编fer*_*sik的帖子

如何仅使用 CSS 媒体查询来检测哪个窗口尺寸更大?

有谁知道如何创建一个行为如下的媒体查询:

@media 屏幕和(宽度大于高度){}

或者

@media 屏幕和(高度小于宽度){}

对于语法规范中所述的内容,不可能使用“media_feature”作为值。有没有不使用 JavaScript 的解决方法?我能得到的最接近的东西是使用纵横比,但它不起作用。

谢谢。

css media-queries

5
推荐指数
2
解决办法
4016
查看次数

IE9溢出隐藏的问题

我在IE9中遇到了一个问题(至少,没有检查过其他的IE),div overflow:hidden的子div被忽略了.图像中的蓝色轮廓div是overflow:hidden容器div.图像应包含在容器中.

我知道将容器div设置为position:relative可以工作,但是如果我这样做,那么绝对定位"前一个"和"下一个"按钮将不会显示.

这在Firefox和Chrome中显示正常

实际 实际

预期 预期

HTML

<div id="instagramViewer" class="slideshow">
    <div class="slideshowButton" id="prevImage" style="display: block;">
        <a href="#" title="Previous">Previous</a>
    </div>
    <div class="slideshowButton" id="nextImage">
        <a href="#" title="Next">Next</a>
    </div>
    <div class="contentItem>
        <span class="contentItem" style="display: block;">
            <a href="javascript: void(0);">
                <img alt="words" src="http://www.example.com/image.jpg">
            </a>
            <div class="detailsWrapper" style="display: none; opacity: 0.678511;">...</div>
        </span>
        <span class="contentItem" style="display: block;">
            <a href="javascript: void(0);">
                <img alt="words" src="http://www.example.com/image.jpg">
            </a>
            <div class="detailsWrapper" style="display: none; opacity: 0.678511;">...</div>
        </span>
        <span class="contentItem" style="display: block;">
            <a href="javascript: void(0);">
                <img alt="words" src="http://www.example.com/image.jpg">
            </a> …
Run Code Online (Sandbox Code Playgroud)

html css internet-explorer overflow internet-explorer-9

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

糟糕的擒纵机构JSHint

有没有人知道为什么我Bad escapement使用以下代码在JSHint上出现错误?

var regexS = '[\?&]' + name + '=([^&#]*)';
Run Code Online (Sandbox Code Playgroud)

javascript jshint

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

新贵| Ubuntu | Nodejs | 无法在脚本块中运行多个exec

我正在尝试为我的nodejs app设置一个upstart conf.我必须运行2个脚本scrip_1.jsscript_2.js.这里的conf

start on startup
stop on shutdown

respawn

console log

env PROJ=/project/path

script
    cd $PROJ
    exec node script_1.js 2>&1 >> $PROJ/logs/script_1.log
    exec node script_2.js 2>&1 >> $PROJ/logs/script_2.log
end script
Run Code Online (Sandbox Code Playgroud)

问题只是在script_1.js运行.如果我在此exec node script_2.js...之前向右移动cd $PROJscript_2.js运行.

我怎样才能让这个新贵呢?

谢谢!

upstart node.js

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

lit-html 中 slot 没有子节点时执行某些操作

我想在插槽上没有内容时显示文本。

class List extends LitElement {
  public render() {
    return slot.length === 0 
      ? html`No content is available`
      : html`<slot></slot>`;
  }
}
Run Code Online (Sandbox Code Playgroud)

lit-element lit-html

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

Angular的ng-class:结合枚举(数组)类和基于条件的类?

我有一个在控制器中设置类的数组(必须是这样的,它是从页面的元模板中读取的).我还想将一个条件类应用于同一个元素.可能吗?

编辑,更多信息:我的html元素包含源自两个源的类 - 一个是由控制器创建的一组类(它们由我的代码之外的服务提供,我不能在视图中对它们进行硬编码).另一个源是条件的输出(例如:如果"$ scope.activeElement === name_of_this_element,add'active'class).
在ng-class指令中,我不能对未指定的类列表使用对象表示法(第一个来源)我必须对条件类使用对象表示法.

编辑:找到了解决方案(见下文).

angularjs ng-class

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

IE9边界半径

由于某种原因弯曲的CSS角落似乎在IE9中不起作用.我知道它支持它,但是我已经在网上寻找解决方案而且无法找到适合我的解决方案.我尝试过,<meta http-equiv="X-UA-Compatible" content="IE=9" />但那不起作用.我使用了.htc文件,behavior: url(border-radius.htc);但是只有在切换到兼容模式时才有效.我甚至试图宣布所有4个值,并没有产生差异.在firefox,chrome和safari中工作,但不在IE中.有帮助吗?检查出来:我的网页如果你有一些调试工具可能会帮助你帮助我.

css internet-explorer internet-explorer-9

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

Google Analytics javascript

这是Google Analytics的代码

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20366831-2']);
_gaq.push(['_trackPageview']);

(function () {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
Run Code Online (Sandbox Code Playgroud)

我的客户端如何调用Google匿名函数?

javascript google-analytics

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

验证 Mongoose 中的子文档

我在 Mongoose 中使用架构作为子文档,但我无法在其字段中验证它。
这就是我所拥有的

var SubdocumentSchema = new Schema({
    foo: {
        type: String,
        trim: true,
        required: true
    },
    bar: {
        type: String,
        trim: true,
        required: true
    }
});

var MainDocumentSchema = new Schema({
  name: {
    type: String,
    trim: true,
    required: true
  },
  children: {
    type : [ SubdocumentSchema.schema ],
    validate: arrayFieldsCannotBeBlankValidation
  }
});
Run Code Online (Sandbox Code Playgroud)

我想确保子文档的每个字段都不为空。
我发现无法使用标准方法验证数组,因此我编写了自定义验证函数。现在,我必须手动检查所有字段是否正确且不为空,但在我看来,这并不是一个真正可扩展的解决方案,因此我想知道是否有某种本机方法可以从 MainDocument 触发子文档验证。

validation mongoose mongodb node.js

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

像grunt和ruby sass一样,如何触发node-sass用监视文件进行编译?

如标题所述,我希望node-sass可以将scss文件监视/编译为css,而无需一遍又一遍地运行命令。

编辑:是否有一个可以运行node-sass而不是ruby sass的艰巨任务?因为我所看到的是grunt-contrib-sass / compass,所以都使用ruby。

css sass node-sass

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

如何在ejs/express中使用globals变量中的函数?

var app = express();
app.locals.current_time = utils.current_time();
Run Code Online (Sandbox Code Playgroud)

我可以为模板中的每个请求更改此变量的变量current_time吗?这个例子中的app.locals.current_time是常量,但我想使用函数.

ejs node.js express

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