小编Jar*_*red的帖子

我应该使用max-device-width还是max-width?

使用CSS媒体查询,您可以使用max-device-width目标设备宽度(例如iPhone或Android设备)和/或max-width以页面宽度为目标.

如果您使用max-device-width,当您更改桌面上浏览器窗口的大小时,CSS将不会更改,因为您的桌面不会更改大小.

如果您使用max-width,当您更改桌面上浏览器窗口的大小时,您可能会看到面向移动的样式,例如触摸友好元素和菜单等等.

现在不推荐使用针对特定浏览器(和设备?),您应该对目标设置更加不可知.这也适用于媒体查询吗?

你为什么要瞄准另一个?推荐哪一个?

这是我在生产网站上使用的媒体查询示例:

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 480px) and (max-device-height: 640px) {  
    /* Change a menu to fit the screen better, etc... */
}
Run Code Online (Sandbox Code Playgroud)

我倾向于使用max-device-widthmax-width.

css css3 media-queries responsive-design

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

如果为true,则在条件内分配变量

我知道你可以在这样的条件下分配一个变量:

if ($var = $foo)

但是我不需要在条件本身做任何事情,所以我经常留下空括号.我可以简单地分配$varif $foo是否true以其他方式而不需要在以后做其他事情?

也可以我给你$var$foo,如果$footrue,但如果$foofalse做别的事情?喜欢:

if ($var = !$foo) {
    if ($var = !$bar) {
        //Etc...
    }
}
Run Code Online (Sandbox Code Playgroud)

基本上我想要有更多的后备/默认值.

php if-statement conditional-statements

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

溢出-x:隐藏和溢出-y:可见添加滚动条

我有一个表格行:

<ul>
<li>This</li>
<li>is</li>
<li>my</li>
<li>cell</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

和一些CSS:

UL { height: 30px; float: left }
UL LI { width: 25%; height: 100%; float: left }
Run Code Online (Sandbox Code Playgroud)

这很棒.但是当我添加以下CSS时:

UL LI { overflow-x: hidden; overflow-y: visible }
Run Code Online (Sandbox Code Playgroud)

单元格中的滚动条变得可见.

overflowis 的默认值visible,没有滚动条可见,但是当我只更改一个滚动条时轴为其他轴时,会出现滚动条.

我需要剪切X轴并且Y轴可见(对于单元格文本和下拉菜单).

html css

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

使用:悬停为元素的内联样式(使用HTML/CSS/php)

可能重复:
如何将"a:hover {...}"规则嵌入到文档中间的样式属性中?
如何写:悬停在内联CSS?

我想动态更改元素的悬停颜色,但不使用外部CSS样式表,只能内联.这是代码(使用php生成元素)

echo '
<div class="container" style="color:#'.$color.'">
  '.$contents.'
</div>';
Run Code Online (Sandbox Code Playgroud)

当用户将鼠标悬停在此容器元素上时,颜色样式将更改为$color(此时没有悬停)的值.

任何帮助,将不胜感激.

html javascript css php hover

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

我应该对 JavaScript 数组和对象使用哪个 for 循环?

for (i=0; i<array.length; i++)我总是在循环数组时使用。

for (var i in object)我总是在循环对象属性时使用。

我不能用于for (i=0; ... )对象属性,但可以用于for (var in ...)数组,因为数组也是对象。

我问的问题是:我应该for (i=0; ... )完全转储并用于for (var in ...)数组对象吗?性能有影响吗?我为什么要使用其中一种而不是另一种?

javascript arrays loops for-loop object

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

如何使用 CSS 使 3 个元素相互重叠

我有3个元素:

<div class="foo"></div>
<div class="bar"></div>
<div class="foobar"></div>
Run Code Online (Sandbox Code Playgroud)

我想.foo重叠.bar.bar重叠.foobar.foobar重叠.foo

像这样:

在此处输入图片说明

可以用 CSS 吗?

html css z-index

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

在AWS Lambda函数中找不到模块

上传和测试我的AWS Lambda函数时遇到此错误:

{
  "errorMessage": "Cannot find module 'elasticsearch'",
  "errorType": "Error",
  "stackTrace": [
    "Function.Module._load (module.js:276:25)",
    "Module.require (module.js:353:17)",
    "require (internal/module.js:12:17)",
    "Object.<anonymous> (/var/task/PublishElasticsearch.js:17:21)",
    "Module._compile (module.js:409:26)",
    "Object.Module._extensions..js (module.js:416:10)",
    "Module.load (module.js:343:32)",
    "Function.Module._load (module.js:300:12)",
    "Module.require (module.js:353:17)"
  ]
}
Run Code Online (Sandbox Code Playgroud)

require()作为模块的代码行:

var elasticsearch = require('elasticsearch')({
    host: config.ElasticHost
});
Run Code Online (Sandbox Code Playgroud)

该功能成功运行,唯一的问题是需要我的模块。

npm install在函数目录中运行,并且上载的ZIP的结构如下:

PublishElasticsearch.zip
    PublishElasticsearch.js
    node_modules
        elasticsearch
Run Code Online (Sandbox Code Playgroud)

有谁知道为什么我会收到这个错误?

amazon-web-services node.js aws-lambda

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

如何在不旋转整个画布的情况下旋转三角形?

我是新手,<canvas>在数学方面很糟糕。我正在使用此函数在画布上绘制一个简单的等边三角形,该函数已从其他人那里借来了代码(不要讨厌我):

drawTriangle(PosX, PosY, SideLength, Orientation) {
    context.beginPath();

    var sides = 3;

    var a = ((Math.PI * 2) / sides);

    context.moveTo(PosX + SideLength, PosY);

    for (var i = 1; i < sides + 1; i++) {
        context.lineTo(PosX + SideLength * Math.cos(a*i), PosY + SideLength * Math.sin(a*i));
    }

    context.closePath();

    return true;
}
Run Code Online (Sandbox Code Playgroud)

该函数仅知道三角形的中心坐标和指向三角形的方向。

当前,它成功绘制了三角形,但“指向”东方。

如何使用Orientation参数(度)旋转三角形,而不像其他答案所示旋转整个画布?

javascript html5 rotation html5-canvas

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

替代使用MySQL数据库发布"喜欢"?

我想介绍一个类似Facebook的"喜欢"系统,在我的会员可以点击喜欢(或不喜欢)按钮,并将其利率后向上或向下.应该可以看到喜欢的记录.

我实现这个的第一个(也是唯一的)想法是在我的MySQL数据库中创建一个新的"喜欢"表.但是,当我回首网站,如Facebook和YouTube,谁拥有数十亿喜欢的他们所有的影片,似乎消耗资源有可能包含许多条目的表格.

表的结构将是

id, post, value, user
Run Code Online (Sandbox Code Playgroud)

是否有任何替代方法可以使用MySQL表来"喜欢"?

html css php mysql database

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

不允许重新索引Elasticsearch?

我已经设置了我的AWS Elasticsearch实例,以便任何人都可以执行任何操作(创建,删除,搜索等).

这些是我的权限(用我的Elasticsearch ARN替换$ myARN):

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "AWS": "*"
      },
      "Action": "es:*",
      "Resource": "$myARN"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

当我PUT一个新的索引:

 PUT http://my-elasticsearch-domain.us-west-2.es.amazonaws.com/index-name
Run Code Online (Sandbox Code Playgroud)

或者我DELETE是一个索引:

 DELETE http://my-elasticsearch-domain.us-west-2.es.amazonaws.com/index-name
Run Code Online (Sandbox Code Playgroud)

我明白了:

{
  "acknowledged": true
}
Run Code Online (Sandbox Code Playgroud)

这意味着我可以创建和删除索引但是当我尝试重新POST索引时,我得到:

{
  "Message": "Your request: '/_reindex' is not allowed."
}
Run Code Online (Sandbox Code Playgroud)

我是否必须签署此请求?为什么我必须签署此请求但不创建或删除索引?

amazon-web-services elasticsearch

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