小编Rad*_*rei的帖子

Chrome(webkit)渐变百分比错误

BUG!离开这里,希望它会吸引注意力,也许是一个解决方案.

问题是铬,使(我已检查过!)渐变的前半部分小于第二部分.我的代码是:

background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;
Run Code Online (Sandbox Code Playgroud)

还尝试过:

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000));
background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
Run Code Online (Sandbox Code Playgroud)

编辑/更新:这确实是一个错误 - 更新是为了清晰(前2个块是div,每个50%宽度,屏幕 - 底部用渐变分割):1)错误的视觉表示: 在此输入图像描述

2)Thanx到@elstgav进行Codepen测试

css webkit google-chrome css3

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

在SELECT PDO准备语句中选择SELECT

我在想一个这样的例子:

请求使用参数在网址(通过任何方式)访问页面.example.com/api/page?name=bob.我的理解是你应该做一个准备好的声明来获取$_POST[name]参数,并确保它不是什么时髦,但它通过评估表达式来实现.

我的第一个问题是:它是如何做到的(评估表达式)?

我的第二个问题是:如果用户输入的内容沿着"SELECT*FROM users"或"DROP TABLE users"传递给$_POST['name']参数(?name=bob最后),那么在这种情况下会发生什么?

举个例子,最终的查询就像是

SELECT name, continent FROM world
WHERE continent IN
(SELECT continent FROM world WHERE name='Brazil')
Run Code Online (Sandbox Code Playgroud)

第二个选择充当用户输入参数 - 因此$_POST['name']包含此查询SELECT continent FROM world WHERE name='Brazil'

最后,我遇到的第三个问题是我如何防范类似的事情?

我猜PDO是专门为了防止查询内的查询而设计的(?),但是在阅读了一下之后我仍然很困惑.

我还在学习所有这些,所以如果我在我的询问中不够清楚或具体,请告诉我,我会尽力解决这个问题.

编辑: 为了清除任何困惑,我正在做的是这样的:

$pdo = new PDO('..');
$sql = 'SELECT id FROM users WHERE username = :username';
$statement = $pdo->prepare($sql);
$statement->bindParam(':username', $_POST['username']);
Run Code Online (Sandbox Code Playgroud)

问题是,如果$_POST['username']包含'SELECT * FROM users'(或任何其他查询)怎么办?prepare()工作怎么样?我所描述的实际上可以提出一个安全漏洞吗?我需要一些帮助来理解这一点.

php mysql security pdo prepared-statement

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

Angular 2 和全屏 API

我查看了文档和示例,但发现无法侦听“document”元素上的“onfullscreenchange”事件和/或其变体(“onwebkitfullscreenchange”等)。

我尝试过但没有成功:

/*method 1*/    
host: {
      '(document:onwebkitfullscreenchange)': 'fullScreen()'
    }
/*method 2*/
    @HostListener("document:onwebkitfullscreenchange", []) fullScreen() {}
/*method 3*/
    renderer.listenGlobal('document', 'onwebkitfullscreenchange', (event) => {})
Run Code Online (Sandbox Code Playgroud)

以上所有内容都适用于更常见的事件,例如onclickevent.

如果您找到了fullscreen API与 Angular 2 集成的方法,或者对如何进行或尝试此操作有其他想法或建议,我将非常感谢您的帮助。

编辑:如果您能给我指出一个有用的资源,这可能会消除(甚至部分)这一点,我将不胜感激。谢谢你!

ANSWER document:webkitfullscreenchange(其他浏览器依此类推)

angular

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

如果IE无法正常工作

我有1个div,我想对它应用渐变和背景图像(是的,在同一个元素上).我知道只有你所定位的浏览器不是IE才有可能.考虑到这一点,我想到应用纯色代替渐变,其上面只有IE图像.

这是我的代码:

background: url(../images/newsletter.png), -moz-linear-gradient(top, rgb(10,10,01) , rgb(5,5,5));
background: url(../images/newsletter.png), -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#05050f));
background-repeat: no-repeat, repeat;
<!--[if IE]>
background: #000 url(../images/newsletter.png) center left no-repeat;
<![endif]-->
Run Code Online (Sandbox Code Playgroud)

问题是在FF/Chrome声明之前或之后忽略条件.(我已经测试过了,还有[如果错误]等)任何想法?

css internet-explorer css3 conditional-comments

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