小编Sol*_*olo的帖子

删除多行flex项之间的间隙

这是我的示例代码:

#parent {
  display: flex;
  height: 350px;
  background: yellow;
}
#wrapper {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  margin: 0 10%;
  background: #999;
}

#top {
  flex: 1 100%;
  height: 50px;
  margin-top: 10px;
  background: red;
}

#left {
  width: 30%;
  height: 150px;
  margin: 10px 10px 0 0;
  background: blue;
}

#right {
  flex: 1;
  margin: 10px 0 0 0;
  background: green;
}
Run Code Online (Sandbox Code Playgroud)
<div id="parent">
  <div id="wrapper">
    <div id="top"></div>
    <div id="left"></div>
    <div id="right"></div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如您所见,top(红色)和left/ …

html css css3 flexbox

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

如果多个用户使用同一台设备怎么办?

我在网上搜索,但没有人奇怪地谈论它。


首先,API似乎不支持多个订阅上下文,它不带参数。

但这不是一个大问题,因为如果一个用户已经授予权限,我可以获取已经存在的订阅并重用它/也将它指向第二个用户(对两者使用相同的 url)。


这就是问题开始的地方。如果一个用户登录(例如 LocalStorage 中的令牌),浏览器将关闭,我会发送一个通知,然后唤醒 Service Worker 并运行我的通知事件代码..

我怎么知道我是否应该显示通知?我怎么知道谁登录了?我无法访问 Service Worker 中的 LocalStorage,我不知道谁登录了。还有其他方法吗?

service-worker web-push

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

选择器在jQuery中获得最佳性能?

我花了2个小时阅读有关jQuery选择器的在线指南和博客.每个人都说不同的东西,每一个人似乎都是如此肯定.我需要Stackoverflow的专家意见.

$(' #my-id div.my-class ')

$(' #my-id .my-class ')

$(' div.my-class ')

$(' .my-class ')


<div id="my-id">
    <div class="..">
        <div class=".."> Awesome stuff! </div>
        <div class="my-class">
            <p> I like carrots! </p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

您认为哪个是最佳选择器?我还需要一个简短的解释,因为重写数千行代码是危险的.它以某种方式发生,我只是不想做两次.

另外,如果我想获得<p>,我应该给它一个类,因为jQuery和CSS从右到左读取选择器?

甚至有太多课程这样的事情还是因为人们只是懒惰?


如果相同的规则适用于CSS,请告诉我.一个字就足够了.

jquery jquery-selectors

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

猫头鹰轮播加载页面时所有可见的项目

例如,当用户使用速度稍慢的Internet或移动设备时,就会出现此问题。但是当轮播中的页面内容/图像尚未缓存时,有时也会以较高的速度看到闪烁。

如果呈现页面加载和第一个元素,则所有轮播“幻灯片”都像列表一样位于彼此下方,然后加载页面,发生魔术,每一个额外的幻灯片消失,轮播就诞生了。

这是猫头鹰的默认行为吗?我该如何解决?这看起来很丑陋而且不专业。

owl-carousel flashing

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

修复 CSS url 404

是否可以background | background-image: url(..);使用 JavaScript捕获 CSS错误(例如 404)并进行更正?

我现在能想到的唯一选择是遍历页面、检查backgroundbackground-image属性中的所有元素 ,如果存在,尝试进行更正。正如您可能猜到的那样,这是不受欢迎的修复。


我注意到,如果我使用自定义 Image srcsetter,似乎 CSSurl确实在后台创建了一个 Image 并对其进行了操作,但即使我更改了它src,它url('images/example.jpg')仍然保持不变并指向错误的路径。

const {get, set} = Object.getOwnPropertyDescriptor(Image.prototype, 'src');

Object.defineProperty(Image.prototype, 'src', {
  set(value) {
    // this gets called even for CSS url()
    return set.call(this, value);
  },
  get() {
    return get.call(this);
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript css

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

有没有办法标准化表情符号的大小和宽度?

这个特定示例有 2 个问题:

\n
    \n
  • 不同的表情符号具有不同的水平“空白”,这意味着如果我将margin-right宽表情符号与数字分开,某些表情符号具有自然的“空白”,并且空间会变得异常大
  • \n
  • MacBook 2880x1800(15.4 英寸)和外接 2560x1440(27 英寸)显示器上的表情符号大小相对于除此之外的数字有很大不同 - 由于某种原因,表情符号在外接显示器上要大得多
  • \n
\n

有没有办法使这些问题(尤其是第二个问题)正常化?

\n

附言!我知道使用图像表情符号作为解决此类问题的技巧,但这个问题是关于本机表情符号的。

\n

截图

\n
    \n
  1. MacBook 显示屏
  2. \n
\n

在此输入图像描述

\n
    \n
  1. 外接显示器
  2. \n
\n

在此输入图像描述

\n

\r\n
\r\n
.item {\n  font-family: Arial;\n  background: #eee;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 8px;\n  border-radius: 15px;\n  font-size: 1em;\n  margin-right: 10px;\n}\n.emoji {\n  margin-right: 5px;\n  line-height: 100%;\n}
Run Code Online (Sandbox Code Playgroud)\r\n
<div id="emojis">\n  <div class="item">\n    <span class="emoji">\xe2\x9d\x93</span>\n    <span>123</span>\n  </div>\n\n  <div class="item">\n    <span class="emoji">\xe2\x81\x89\xef\xb8\x8f</span>\n    <span>4</span>\n  </div>\n  \n …
Run Code Online (Sandbox Code Playgroud)

css

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

何时使用对象和何时使用数组

我有一种情况,我有3个不同的数组,其中有很多不同的对象.我已经阅读了很多关于此的问题和博客文章,但我仍然不确定何时使用什么.

PS!我最大的问题是我需要迭代和推送(完美的数组),还要查找是否存在于数组和删除(更适合于对象).不需要特定订单.

我不能允许在两者中都有相同的对象array1,array1clicked 因为它们应该执行不同的操作.


什么时候最好使用对象和我的例子中的数组?我应该用对象替换什么以及应该作为数组保留什么?我很确定它中的物体数量也很重要,对吧?


我目前的代码:

//Objects in arrays are literally custom {objects} with custom prototypes and html
var array1 = [ 20 objects ];
var array1clicked = [];

var array2 = [ 250 objects ];
var array2clicked = [];

var array3 = [ 50 000 objects ];
var array3clicked = [];

//Each object in arrays has event attached
objecthtml.click(function() {
    //Add to clicked array
    array1clicked.push(thisobject);
    //Remove from initial array …
Run Code Online (Sandbox Code Playgroud)

javascript arrays object

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

如何在DynamoDB中批处理获取索引表?

如何在DynamoDB中批量获取全局二级索引?


这些参数给我一个架构错误,因为此哈希键仅在索引表中,main具有其他键。

  const params = {
    RequestItems: {
      "MyTableName": {
        Keys: [
           {
              "ThisHashKeyIsOnlyInIndexTable": value
           }
        ]
      }
    }
  };

  docClient.batchGet(params, (err, data) => {
    // ...
  }
Run Code Online (Sandbox Code Playgroud)

文档甚至没有提到如何仅从索引进行批处理获取。

node.js amazon-dynamodb

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

DynamoDB 设置顺序

来自 DynamoDB 文档:

字符串集类型的属性。例如:

"SS": ["长颈鹿"、"河马"、"斑马"]

类型:字符串数组

要求:否

这就是我能找到的全部。我做了一些测试,但这对于生产环境来说显然是不够的,我希望得到实际使用过这些 Set 的人的确认/反驳。

DynamoDB 集是否维护插入顺序?我可以依靠这个事实并围绕它构建逻辑吗?

我主要感兴趣,String Set但它可能适用于所有这些(String, Number, Binary)。

amazon-dynamodb

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

如何将window.location.pathname从对象"转换"为字符串?

我需要JS/jQuery中的路径名(www.my-site.com/ this-part/and-this-part/etc /),但我需要它作为字符串而不是对象.

换句话说,我需要$_SERVER['REQUEST_URI'];JS/jQuery.

我试过了:

var page_pathname = location.pathname;

var page_pathname = location.pathname + location.search;

var page_pathname = (location.pathname+location.search).substr(1);
Run Code Online (Sandbox Code Playgroud)

我得到的所有console.log:

1. Object {error: Object}

2. Location {hash: "", search: "", pathname: "/my-cat/my-title/", port: "", hostname: "www.my-site.com"…}

我需要的是console.log:my-cat/my-title/

javascript jquery pathname

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

对while循环中的每个X项执行某些操作

$i = 0;

while ($have_something) {

    if($i == 0 || $i == 3 || $i == 6 || $i == 9) {
        $color = 'black';
    }
    else {
        $color = 'white';
    }
    $i++;
}
Run Code Online (Sandbox Code Playgroud)

while循环中的项目计数是动态的并且变化规则时,此代码出现问题,当它可能有数百个项目时,这意味着该if语句将非常长.

如何克服这个问题,并"自动化"它,以便每个X项目都能发生一些事情,其余的事情没有硬编码$i计数?

php while-loop

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

将float(1.2)拆分为舍入数(1)和十进制(2)

我有一个浮动: 71.25

我希望前端的小数要小得多,我能想到的唯一方法就是"拆分"浮点数并执行以下操作:

<?php
$round = 71;
$decimals = 25;
?>

<p><?php echo $round . '.'; ?><small><?php echo $decimals; ?></small></p>
Run Code Online (Sandbox Code Playgroud)

Float是从数学方程输出的,所以没有办法对这种情况进行硬编码.

如何用PHP实现这一目标?如果有更好的方法,我愿意接受建议.

php numbers

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

DynamoDB写入峰值替代方案

我有以下情况:

  1. 项目被添加到DynamoDB表(触发Lambda函数)
  2. Lambda函数检查谁订阅了这个特定项目
  3. Lambda函数将"用户通知"保存到另一个DynamoDB表

例:

  • 用户订阅(1)白色(2)(3) (三个属性)
  • 项目被添加到DynamoDB表中,它恰好是白色的小猫
  • 保存通知,以便在用户登录时向用户显示

DynamoDB很棒,但我发现了一个潜在的问题:如果有相同项目的数千个订阅者,Lambda函数必须向表中写入数千个"通知".DynamoDB不适合尖峰.

没有这个,我的正常写入吞吐量只有10-20,1000写入吞吐量成本超过500美元.这些写入峰值会立即阻塞DynamoDB,或者花费数千美元浪费.

---

如何解决这个问题?我想不出任何合适的AWS服务或合理的DynamoDB黑客攻击.

amazon-web-services amazon-dynamodb

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