小编Axe*_*xel的帖子

javascript退出for循环而不返回

我有一个for循环,我想退出这样:

function MyFunction() {
  for (var i = 0; i < SomeCondition; i++) {
     if (i === SomeOtherCondition) {
        // Do some work here.
        return false;
     }
  }
  // Execute the following code after breaking out of the for loop above.
  SomeOtherFunction();
}
Run Code Online (Sandbox Code Playgroud)

问题是在// Do some work here.语句执行之后,我想退出for循环,但仍然希望执行整个for循环下面的代码(下面的所有内容// Execute the following code after breaking out of the for loop above.).

return false语句确实退出for循环,但它也退出整个函数.我该如何解决?

javascript for-loop

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

通过内联CSS加载外部字体

是否可以通过内联CSS加载外部字体?

注意:我不是在谈论使用带有@font-face定义的外部CSS文件,而是如下所示:

<h1 style="font-family:myfont;
    src:('http://example.com/font/myfont.tff')">test</h1>
Run Code Online (Sandbox Code Playgroud)

html css fonts inline font-face

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

使用jQuery'on()'来观看输入键按下

我想检测何时按下回车键,在js加载后注入的HTML上.

要简单地检测按下回车键的时间,我可以这样做:

$('#textfield').keydown(function (e){
    if(e.keyCode == 13){
        console.log('Enter was pressed');
    }
})
Run Code Online (Sandbox Code Playgroud)

这段代码适用于on(),但我担心这是低效的,因为jQuery会在每次按下一个键时检查.这有什么低效的吗?

$('body').on('keydown','#textfield', function(event) {
  if (event.keyCode == 13) {
    console.log('Enter was pressed');
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery event-handling onkeydown jquery-events

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

为什么我不能在swift中继承多个类,就像它的库类一样

我尝试通过从两个类继承来创建myPet,但错误例如:

import UIKit
class SecondViewController: UIViewController, UITextFieldDelegate {
    // No Error
}
Run Code Online (Sandbox Code Playgroud)

然后定义了以下类,然后创建新类myPets,我喜欢继承Dog和Substance.但是错误:类'Dog'和'Substance'的多重继承

class Dog:Animal {
    func sound()->String {
        return "Hong Hong"
    }
}

class Substance {
    func livingCompound()->String {
        return "Consist of bio-molecule"
    }
}

class myPets:Dog, Substance {
    func itsAddress()->String {
        // Error:Multiple inheritance from classes 'Dog' and 'Substance'
    }
}
Run Code Online (Sandbox Code Playgroud)

swift

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

如何从VALUE获取数组KEY?

您可以轻松地从键中获取数组值,$value = array[$key]但是如果我有值并且我想要键,那该怎么办呢?获得它的最佳方法是什么?

php arrays

27
推荐指数
3
解决办法
5万
查看次数

水平CSS仅具有大于100vw的层的视差效果

如何使用具有水平CSS的视差效果来引导站点?

要求

  • CSS只有视差
  • 父层必须具有宽度/高度== 100vw/100vh
  • 子图层的宽度/高度必须> 100vw/100vh
  • 子图层必须在视觉上与父图层宽度对齐100%
    • 到目前为止,子图层在技术上确实有100%的父级宽度,但由于perspective它们在视觉上看起来并没有占据父母宽度的100%
  • 子层(第一个除外)必须相对于其父层具有顶部偏移量
  • 结果必须基于计算才能具有最大的灵活性
  • 必须跨浏览器固体(至少最新版本的专业)

在此输入图像描述


到目前为止我做了什么

实际上这个问题是一个后续问题.
这是我在SASSCSS中使用当前模型状态的PEN .

工作模拟示例(jQuery)

在JavaScript中,它很容易实现我正在寻找的东西.所以这是一个PEN模拟我想用CSS模仿的效果.

已知问题

我现在最关心的问题是,浏览器似乎以不同的方式呈现这种情况.查看浏览器窗口(chrome vs ff)的屏幕截图,滚动到下方的右下角.但我希望这可以避免.

在此输入图像描述


那里有很多视差教程.为什么会有所不同?

实际上我研究了很多,但没有找到甚至一个描述如何实现水平视差(意味着子层的宽度> 100vw).当然,那里有水平视差滚动.但它们都有一个共同点:子层宽度总是<= 100vw - 这实际上就是差异.

html,
body {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

body {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#projection {
  -webkit-perspective: 1px;
  perspective: 1px;
  -webkit-perspective-origin: 0 0;
  perspective-origin: 0 0;
  height: 100%;
  overflow: auto;
  width: …
Run Code Online (Sandbox Code Playgroud)

html css css3 parallax css-transforms

26
推荐指数
1
解决办法
1511
查看次数

在javascript中的array_flip?

是否有任何捷径可以在javascript中完成相当于PHP的array_flip,还是必须通过暴力循环来完成?

它必须用于几十个阵列,所以即使很小的加速也可能会加起来.

javascript arrays

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

将textareas字符串值转换为由新行分隔的JavaScript数组

我有一个textarea用户可以写最多1000个字符的地方.我需要得到jQuery('#textarea').val()并创建一个数组,其中每个项目都是一行textarea的值.这意味着:

这是textarea内部的一个很好的路线.
这是另一条线.
(让我们假设这一行是空的 - 应该被忽略).
有人在上面留下了2条以上的新线.

应该转换为JavaScript数组:

var texts = [];
text[0] = 'This is a nice line inside the textarea.';
text[1] = 'This is another line.';
text[2] = 'Someone left more than 2 new lines above.';
Run Code Online (Sandbox Code Playgroud)

这样,他们可以很容易地被引爆的查询字符串来(这是由供应商所要求的QS格式):

example.com/process.php?q=["This is a nice line inside the textarea.","This is another line.","Someone left more than 2 new lines above."]
Run Code Online (Sandbox Code Playgroud)

我尝试了phpjsexplode()string.split("\n")方法,但他们没有处理额外的新行(也就是换行符).有任何想法吗?

javascript arrays string jquery newline

25
推荐指数
2
解决办法
4万
查看次数

如何使用JavaScript检查页面是否存在

我有一个链接:<a href="http://www.example.com">Hello</a>.

当有人点击我想通过JavaScript检查的链接时,如果href-attribute指向的页面存在与否.如果页面存在,浏览器将重定向到该页面(在此示例中为"www.example.com"),但如果页面不存在,则浏览器应重定向到另一个URL.

javascript hyperlink

22
推荐指数
4
解决办法
8万
查看次数

未经授权通过JavaScript访问Google Calendar API

我正在尝试访问包含国家法定假日的公共日历(来自Google日历):

calendarId: 'pt_br.brazilian#holiday@group.v.calendar.google.com'
Run Code Online (Sandbox Code Playgroud)

由于日历是公开的,我以为我只能使用API​​密钥访问它:

function OnLoadCallback() {
    var config = {
        client_id: '32j4lk32j5kj342l5h.googleuser.com', //fake client id
        scope: 'https://www.googleapis.com/auth/calendar.readonly'
    };
    gapi.client.setApiKey('fId345AM20HXXXXXXXXXXXXXXXXgT3f9kyp2REfkaw2'); //fake api key
    gapi.client.load('calendar', 'v3', function() {
        var today = new Date(),
            request;

        request = gapi.client.calendar.calendarList.get({
            calendarId: 'pt_br.brazilian#holiday@group.v.calendar.google.com',
            timeMin: (new Date(today.getFullYear(), today.getMonth(), today.getDay(), 0, 0, 0, 0)).toISOString(),
            timeMax: (new Date(today.getFullYear(), today.getMonth(), today.getDay(), 23, 59, 59, 999)).toISOString(),
            fields: 'items(creator(displayName,email),end,endTimeUnspecified,start,summary)'
        });

        request.execute(function(response) {
            window.alert('length of items: ' + response.items.length);
        });

    });
}
Run Code Online (Sandbox Code Playgroud)

但是,我一直收到以下响应,这是一个401(未授权)错误:

{
 "error": {
  "errors": [
   {
    "domain": "global",
    "reason": …
Run Code Online (Sandbox Code Playgroud)

javascript google-calendar-api google-api oauth-2.0

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