小编Knu*_*Knu的帖子

是否有History.pushstate的回调?

我的Google-fu什么都没有.

当你这样做:

var stateObj = { state: "some state" };
history.pushState(stateObj, "page 2", "other.htm");
Run Code Online (Sandbox Code Playgroud)

是否有关联的窗口回调?

我知道有这个:

window.onpopstate = function() {

}
Run Code Online (Sandbox Code Playgroud)

当用户点击后退按钮时,这非常适合收听.但是,我想在任何时候听到URL的变化,我不知道该怎么做.

URL随时更改时是否存在全局回调?

javascript html5 html5-history

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

在Safari Javascript中无法使用"let"关键字?

我不明白使用"let"关键字的最佳方式...

  • 在IE11和Chrome45中,我可以使用它
  • 在Safari8.0.4中,与早期版本的Chrome一样,它会出现错误"意外使用保留字'let'"
  • 在Firefox中,let关键字仅适用于内部<script type="application/javascript;version=1.7"/>,但在IE11,Chrome45,Safari8中甚至不会将此脚本类型识别为Javascript.

这是一个JSFiddle,它显示了它的实际效果:https://jsfiddle.net/p6cgtyg6/1/

所以 - 我不介意要求用户使用他们浏览器的现代版本.

如果老实说没有支持这个关键字的Safari版本,我不介意排除Safari.(这是真的吗?为什么每个人都花费所有时间来关注IE,当Safari在ES6条件下看起来更糟糕?我错过了什么?).

但是我应该如何允许"让"在Firefox中工作而不阻止Chrome/IE?(我还没有找到人们关于Firefox脚本标签与Chrome的行为方式不同的链接,我预计会有更多投诉,所以我认为我一定错过了一些明显的东西......)

javascript safari firefox ecmascript-6

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

moz变换规模减小div大小问题

我遇到了mozilla moz-transform scale属性的问题.
我正在寻找zoom属性的替代品,除了firefox之外的所有东西都能正常工作.

当我想缩小div时,它的"内容"确实缩小了,但是容器的大小保持不变,在其他内容周围留下了很大的差距.

有什么方法可以迫使容器尺寸减小吗?

为了澄清我在这里一个简单的例子.
在chrome和firefox中打开它,你会看到差异.

css firefox gecko css-transforms

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

使用ajax发出http请求以获取基本授权和cors

我的httpd服务器的配置111.111.111.111(假设).
配置cors和基本身份验证 /etc/httpd/conf/httpd.conf.

<Directory "/var/www/html">
    Options Indexes FollowSymLinks
    AllowOverride AuthConfig
    Require all granted
    Header always set Access-Control-Allow-Origin "*"
    Header always set Access-Control-Allow-Methods "POST, GET, PUT, DELETE, OPTIONS"
    Header always set Access-Control-Allow-Credentials "true"
    Header always set Access-Control-Allow-Headers "Authorization,DNT,User-Agent,Keep-Alive,Content-Type,accept,origin,X-Requested-With"
</Directory>
Run Code Online (Sandbox Code Playgroud)

为我的服务器上的基本授权制作更多配置111.111.111.111.

cd /var/www/html && vim .htaccess
AuthName "login"  
AuthType Basic  
AuthUserFile /var/www/html/passwd  
require user username 
Run Code Online (Sandbox Code Playgroud)

为用户名创建密码.

htpasswd -c /var/www/html/passwd username
Run Code Online (Sandbox Code Playgroud)

重新启动httpd:

systemctl restart httpd
Run Code Online (Sandbox Code Playgroud)

/var/www/html/remote.html服务器上111.111.111.111.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta …
Run Code Online (Sandbox Code Playgroud)

javascript apache authentication cors jqxhr

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

CSS只适用于Opera 11吗?

有没有办法让一些CSS规则仅适用于Opera(11)?

css browser opera css-hack

9
推荐指数
2
解决办法
9694
查看次数

如何使用特征检测来了解浏览器是否支持border-radius?(包括IE9)

我已经看到很多用于检测边界半径支持的示例,例如:

var cssAttributeNames = ['BorderRadius', 'MozBorderRadius', 'WebkitBorderRadius', 'OBorderRadius', 'KhtmlBorderRadius']; 
for (var i = 0; i < cssAttributeNames.length; i++) {
    var attributeName = cssAttributeNames[i];
    if (window.document.body.style[attributeName] !== undefined) {
        this._useCss = true;
        break;
    }
}
Run Code Online (Sandbox Code Playgroud)

但这似乎不适用于支持border-radius的IE9.我错过了什么吗?

javascript css3 feature-detection internet-explorer-9

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

iframe - 仅垂直滚动

我有一个iframe.

我需要一个跨浏览器的解决方案,以确保只有垂直滚动条可见,无论iframe内容的宽度如何.

我的解决方案已经依赖于jQuery,所以如果仅使用CSS不可能,那么我对jQuery解决方案持开放态度.

我怎样才能做到这一点?

css iframe cross-browser scrollbar browser-scrollbars

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

CSS3 3D弯曲透视

CSS3 3D变换+动画很棒.我想知道是否有办法让某些东西弯曲.

这个例子翻转了(纸质)div,但是动画看起来很僵硬,因为实际上,当你翻动纸张时,它会弯曲一点.

那么我忽略的任何属性,或者是一个让它看起来像弯曲的组合?

div {
    width: 90%;
    height: 700px;
    position: fixed;
    left: 5%;
    top: 0;
    background-color: rgba(0,0,0,0.9);

    -webkit-transform: perspective(1000);
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: top;
    -webkit-animation: "page curl down" 1s ease-out forwards;
}

@-webkit-keyframes "page curl down" {
    from {
        -webkit-transform: rotate3D(1,0,0,180deg);
    }

    to {
        -webkit-transform: rotate3D(0,0,1);
    }
}
Run Code Online (Sandbox Code Playgroud)

带弯曲的示例页面卷曲(图像):http://numerosign.com/software/css3machine/#documentation

html css 3d css-transforms css-animations

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

Chrome历史记录错误可能 - 执行PRG,再次导航到同一表单时 - 不会添加历史记录条目

仅在Chrome中出现奇怪的后退按钮行为.
我有两个页面 - 网格和表单
场景:
1.当从网格导航到表格时一切都很好 - 网格被添加到历史记录中.
2.当表单通过post发送到服务器时,我使用RedirectToAction再次重定向(302)到网格 - 表单被添加到历史记录中.
3.在重定向再次从网格导航到窗体时,包含网格地址的历史记录点不会添加到历史记录中

现在,您必须在后退按钮上单击两次才能返回到网格.

如果您多次重复所有步骤并观看历史堆栈,您将看到一个悲伤的表单条目列表,中间没有网格

编辑:这是指向显示问题的页面的链接,在chrome中打开它并按照说明操作 - 查看操作中的Chrome历史记录错误

我发现的唯一"解决方案"是在表单的链接中添加一些随机的废话,但我真的很讨厌这个.

model-view-controller google-chrome post-redirect-get browser-history

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

你会称它为水平还是深度?

您会选择哪个单词来标记元素的绝对堆栈级别 - 换句话说,它相对于根/文档元素的嵌套程度?

水平深度之间你会选择哪一个?为什么?什么是常用或首选?如果没有有意义的背景,你会发现哪一个更容易混淆?

我尝试检查XML规范但没有取得多大成功.

xml programming-languages terminology naming-conventions

7
推荐指数
4
解决办法
3062
查看次数