小编Poo*_*dar的帖子

AngularJS中指令范围内的'@'和'='有什么区别?

我仔细阅读了关于该主题的AngularJS文档,然后使用指令进行了调整.这是小提琴.

以下是一些相关的片段:

我有几件事没有得到:

  • 我为什么要使用"{{title}}"'@'"title"使用'='
  • 我是否也可以直接访问父作用域,而无需使用属性装饰我的元素?
  • 文档说"通常需要通过表达式将数据从隔离范围传递到父范围",但这似乎也适用于双向绑定.为什么表达路线会更好?

我找到了另一个显示表达式解决方案的小提琴:http://jsfiddle.net/maxisam/QrCXh/

angularjs angularjs-directive angularjs-scope isolated-scope

1053
推荐指数
10
解决办法
53万
查看次数

AngularJS:指令范围内=&@之间的差异?

在指令中创建隔离范围允许我们将外部范围映射到内部范围.我们已经看到了六种不同的方式来映射到attrbutes:

  1. =属性
  2. &ATTR
  3. @attr
  4. =
  5. &
  6. @

每个范围映射选项的作用是什么?

angularjs angularjs-directive angularjs-scope isolated-scope

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

参数列表后面的JavaScript:SyntaxError:missing)

我收到错误:

SyntaxError: missing ) after argument list
Run Code Online (Sandbox Code Playgroud)

有了这个javascript:

var nav = document.getElementsByClassName('nav-coll');
for (var i = 0; i < button.length; i++) {
    nav[i].addEventListener('click',function(){
            console.log('haha');
        }
    }, false);
};
Run Code Online (Sandbox Code Playgroud)

这个错误是什么意思?

javascript syntax-error javascript-events

34
推荐指数
3
解决办法
18万
查看次数

javascript中forEach和for循环之间的区别

我想知道:是否有之间的任何显著差异forEachfor循环在JavaScript中.

考虑这个例子:

var myArray = [1,2,3,4];

myArray.forEach(function(value) {
  console.log(value);
});

for (var i = 0; i < myArray.length; i++) {
  console.log(myArray[i]);
}
Run Code Online (Sandbox Code Playgroud)

以下是我研究的一部分:

  1. 性能:根据JsPerf:forEach比循环慢一点.
  2. 可用性:在forEach循环的情况下,我们无法从回调中断/返回.

例如:您想知道数字是否为素数.我认为使用for循环比使用forEach循环要容易得多.

  1. 可读性:使用for循环使代码比在代码中使用forEach更具可读性.
  2. 浏览器兼容性:IE中不支持forEach <9因此,我们的代码中引入了一些填充程序.

我的问题是:

  1. forEach over for循环有什么优势?
  2. 在什么情况下,forEach更可取.
  3. 为什么即使它进入JavaScript?为什么需要呢?

javascript foreach loops for-loop

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

Javascript错误; 参数列表后面的Uncaught SyntaxError:missing)

在尝试调用简单函数时,我不断收到此错误(Javascript错误;未知语法错误:缺少参数列表后).一切都可以在函数中调用它但我需要多次执行它.

function myFunction(ip, port, div) {
    $.get('http://mcping.net/api/'+ ip + ":" + port, function(data){
        console.log(data.online);
        $(div).html(data.online);
    });
}
myFunction(162.223.8.210, 25567, #factionsOnline)
Run Code Online (Sandbox Code Playgroud)

javascript jquery syntax-error

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

允许通过HTTPS加载HTTP资源

假设我的网站是通过HTTPS而我需要加载一个CSSObject资源HTTP,我该怎么做?

请注意,我可以添加Content-Security-PolicyHTTPS网站上的响应标题,但我不知道如何做到这一点.有人可以给我一个解决方案吗?

ssl https content-security-policy mixed-content

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

如何创建工具提示?

我想为工具提示创建一个自定义 CSS 类,它将包含长度超过 25-30 的字符串。通常这么长的文本不适合工具提示文本区域。

无论如何,是否可以使用Tooltip (ui.bootstrap.tooltip)来执行此操作?就像使用自定义 CSS 类来获得所需的输出一样。

这是简单的 css 工具提示 - Plunker DEMO

这是相同的代码片段:

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
   
    max-width:100px;
    padding:15px;
    min-height:30px;
    background:#fff;
    visibility: hidden;
    border: 1px solid black;
    color: #000;
    text-align: center;
    border-radius: 6px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
Run Code Online (Sandbox Code Playgroud)
<body style="text-align:center;">

<p>Move the mouse over the text below:</p>

<div class="tooltip">Hover over me 1
  <span class="tooltiptext">Tooltip …
Run Code Online (Sandbox Code Playgroud)

html css tooltip angular-bootstrap

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

在JavaScript中for..in和each..in有什么区别?

在javascript中for..in和each..in语句有什么区别?是否存在我不知道的细微差别,或者它是否相同,每个浏览器都有不同的名称?

javascript foreach loops enumeration for-in-loop

6
推荐指数
2
解决办法
5280
查看次数

CSS位置问题:在横向模式下在iOS 9 iPhone 6+中修复

在以下条件下,我发现我的固定标题有一个奇怪的问题:

  1. iphone 6+,横向模式
  2. safari,至少打开了两个标签
  3. 我的页面有一个位置:固定标题和一个正文和html的位置:相对,高度:100%

页面加载后和向下滚动时,一切正常,标题就位,Web检查器正确显示:

在此输入图像描述 在此输入图像描述

但是当您向上滚动并向下拉屏幕并释放时,页面仍然可以看到页眉,但实际上它已移动到视口下方的某处(请参阅Web检查器不会突出显示它).

在此输入图像描述

这一事实导致所有标题元素无法访问:您无法打开菜单,单击徽标或联系按钮.

标题在以下情况下恢复正常:

  1. 向下滚动(但向上滚动时再次中断)
  2. 切换到另一个选项卡并返回
  3. 或关闭其他标签

我尝试更改标题和正文的DOM或/和CSS,但没有任何东西将标题恢复到正常状态.

有关它如何修复的任何想法?

css ios media-queries iphone-6-plus

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

设置文件上传按钮而不使用javascript

我正在一个客户端不希望使用任何javascript的网站上工作.我已使用以下代码成功为我的网站设置了文件更新按钮的样式.

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
Run Code Online (Sandbox Code Playgroud)
<label class="btn btn-default btn-file">
  Browse
  <input type="file" style="display: none;">
</label>
Run Code Online (Sandbox Code Playgroud)

但是,一旦选择了文件,不使用javascript,我就无法在按钮旁边显示文件名,如下例所示.

在此输入图像描述

有什么建议使用浏览器常规上传按钮吗?

html css html5 bootstrap.min.css

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