好吧,想象一下我这里有一个非常简单的场景。<div>一个CSS 属性为 的容器overflow-x: scroll,宽度为 500px(不溢出的可见宽度),并且有 9 个子容器。1 至 4 号和 6 至 9 号儿童的宽度为 100 像素,5 号(中间一个)的宽度为 200 像素,总共 1200 像素(总滚动宽度)。
<nav class="scrollable">
<div style="width: 100px;">1</div>
<div style="width: 100px;">2</div>
<div style="width: 100px;">3</div>
<div style="width: 100px;">4</div>
<div style="width: 100px;">5</div>
<div style="width: 100px;">6</div>
<div style="width: 100px;">7</div>
<div style="width: 100px;">8</div>
<div style="width: 100px;">9</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
.scrollable {
position: relative;
display: flex;
flex-shrink: 0;
width: 500px;
overflow-x: scroll;
}
.scrollable > div {
flex-shrink: 0;
text-align: center;
cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)
到目前为止,一切都很好。所以现在的目标是,每当我们单击这些子元素 …
正如标题所说,我试图弄清楚如何执行不区分变音符号的操作$regex在 MongoDB 中执行不区分变音符号的搜索,尽管目前我不确定这是否可能。
基本上,想象我们有一个团队集合,其中包含如下文档:
\n{ id: 1, name: "FC Bayern M\xc3\xbcnchen" },\n{ id: 2, name: "Atl\xc3\xa9tico Madrid" }\nRun Code Online (Sandbox Code Playgroud)\n对于这个集合,我创建了一个text索引name:
db.getCollection(\'teams\').createIndex({name: \'text\'});
这使我能够执行变音符号和不区分大小写的搜索。
\ndb.getCollection(\'teams\').find({ $text: { $search: "bayern" }});\ndb.getCollection(\'teams\').find({ $text: { $search: "munchen" }});\n// \xe2\x9c\x85 { id: 1, name: "FC Bayern M\xc3\xbcnchen" }\nRun Code Online (Sandbox Code Playgroud)\n但是,如果文本搜索不包含完整单词(Bayern,Munchen ),则查询不会产生任何结果:
db.getCollection(\'teams\').find({ $text: { $search: "bayer" }});\ndb.getCollection(\'teams\').find({ $text: { $search: "munc" }});\n// \xe2\x9d\x8c (no results)\nRun Code Online (Sandbox Code Playgroud)\n因此,为了使这项工作按预期进行,我需要使用$regex …