小编Phi*_*ühn的帖子

在Google地图中禁用CSS样式(3.14)Infowindow

在谷歌地图版本3.14中,为自定义信息窗口添加了一些新的CSS规则.我使用信息块插件,现在我的许多元素样式都被覆盖了.

例如:

.gm-style div,.gm-style span,.gm-style label,.gm-style a {
    font-family: Roboto,Arial,sans-serif; 
    font-size:11px;
    font-weight:400
}

.gm-style div,.gm-style span,.gm-style label {
    text-decoration:none
}

.gm-style a,.gm-style label {
    display:inline
}

.gm-style div {
    display:block
}

.gm-style img {
    border: 0; 
    padding: 0;
    margin: 0
}
Run Code Online (Sandbox Code Playgroud)

有没有办法改变它,除了我必须通过"!important"覆盖这个谷歌样式?

编辑:

字体"Roboto"也将被加载.如果你关心性能,那就不是很好.

EDIT2:

好的,重要的是没有必要.通过增加CSS选择器的特异性,也可以覆盖谷歌样式.但这并没有改变我必须覆盖所有谷歌风格.而且roboto字体也会被加载.

javascript css google-maps

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

查询对象数组(带有 JSONB 的 Postgres、Laravel 5)

我在 JSONB 字段中获取了以下数据:

\n\n
[\n    \'first_name\' => \'Philipp\',\n    \'last_name\' => \'K\xc3\xbchn\',\n    \'size\' => 170,\n    \'hobbies\' => [\n      \'daily\' => \'beer\',\n    ],\n    \'skills\' => [\n      \'drink beer\',\n      \'drink more beer\',\n    ],\n]\n
Run Code Online (Sandbox Code Playgroud)\n\n

我对 Laravel 和 Postgres 还很陌生,所以我想做一些基本的查询。

\n\n

以下是一些运行良好的查询:\n(json 是列的名称)

\n\n
$users = User::whereRaw("json ->> \'first_name\' = \'Philipp\'")->get();\n\n$users = User::whereRaw("json ->> \'size\' > \'160\'")->get();\n\n$users = User::whereRaw("json #>> \'{hobbies, daily}\' = \'beer\'")->get();\n
Run Code Online (Sandbox Code Playgroud)\n\n

现在我想检查是否drink beerskills并且以下代码不起作用:

\n\n
$users = User::whereRaw("json -> \'skills\' ? \'drink beer\'")->get();\n
Run Code Online (Sandbox Code Playgroud)\n\n

这里我遇到了一个语法错误:

\n\n
SQLSTATE[42601]: …
Run Code Online (Sandbox Code Playgroud)

php postgresql laravel jsonb laravel-5

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

使用JavaScript从matrix3d()获取3D CSS旋转值

我有一个元素 3D 转换如下:

.foo {
  transform: rotateX(-30deg) rotateY(35deg);
}
Run Code Online (Sandbox Code Playgroud)

现在我想通过 javascript 获取这些值。很容易得到3D矩阵:

var matrix = $('.foo').css('transform');
// return:
// matrix3d(0.819152, -0.286788, -0.496732, 0, 0, 0.866025, -0.5, 0, 0.573576, 0.409576, 0.709406, 0, 0, 0, 0, 1)
Run Code Online (Sandbox Code Playgroud)

但是是否可以使用该矩阵计算 CSS,例如值 -30 和 35?我刚刚找到了针对2D 变换执行此操作的方法。

javascript css 3d matrix css-transforms

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

iOS悬停效果点击而非点击

我一直认为iOS设备上的悬停效果仅在完整的"点击"(或"触摸")上可见,但后来我找到了这个页面:

http://www.theverge.com/2013/2/19/4004250/sunrise-for-iphone-calendar-app-for-a-post-google-world

这里悬停效果是可见的,当我点击一个元素(没有延迟),当我离开我的手指时离开 - 没有必要完成点击.

我不明白.诀窍是什么?

css hover ios

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

按多个条件对多维数组进行排序

var data = [{
    "priority": "1",
    "date": "01.03.2013",
    "title": "Yeah hi"
}, {
    "priority": "2",
    "date": "",
    "title": "Another title"
}, {
    "priority": "2",
    "date": "22.12.2013",
    "title": "Foo"
}, {
    "priority": "1",
    "date": "10.04.2013",
    "title": "Hey there"
}, {
    "priority": "2",
    "date": "15.08.2013",
    "title": "Hello world"
},
...
]
Run Code Online (Sandbox Code Playgroud)

我有一个多维数组,我想以复杂的方式对它进行排序.

  1. 首先按"优先级"排序 - 首先是最高优先级
  2. 然后按"日期"对具有相同优先级的所有项目进行排序 - 首先是今天的下一个日期(将来只有日期).如果一个项目没有日期,则将其放在最后.
  3. 按"标题"对所有具有相同日期(并且全部没有日期)的项目进行排序 - 按字母顺序排列

第一步是data.sort()没有问题但是我没有计划这样做.怎么做?

javascript sorting jquery

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

如何在 REGEXP 子句中转义括号

在我的数据库中,我有一些像这样的键:

custom_field_languages(0)language
custom_field_languages(1)language
custom_field_languages(2)language
...
Run Code Online (Sandbox Code Playgroud)

我需要所有这些。但这不起作用:

REGEXP '^custom_field_languages([0-9])language'
Run Code Online (Sandbox Code Playgroud)

这也是行不通的。

REGEXP '^custom_field_languages\([0-9]\)language'
Run Code Online (Sandbox Code Playgroud)

这可行,但并非 100% 准确。

REGEXP '^custom_field_languages.[0-9].language'
Run Code Online (Sandbox Code Playgroud)

转义普通括号的正确方法是什么?

php regex mysql

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