小编squ*_*Lis的帖子

Swift如何在所有uiTextfield上辞职第一响应者

我想使用第一响应者辞职uitextfield.我可以通过放入uitextfields一个数组来完成这个,但我想避免使用该数组.辞职应该发生在所有类型的uiTextField上,如何做到这一点.

这很好用

    class ViewController: UIViewController, UITextFieldDelegate {
        @IBOutlet weak var text: UITextField!
        @IBOutlet weak var textFieldtwo: UITextField!

        var textField = [UITextField]()

        override func viewDidLoad() {
            super.viewDidLoad()
            self.textField = [text,textFieldtwo]

            for item in textField {
                item.delegate = self
            }
        }

        override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
            print("text")

            for item in textField {
                item.resignFirstResponder()
            } 
        }
    }
Run Code Online (Sandbox Code Playgroud)

uitextfielddelegate swift

21
推荐指数
4
解决办法
3万
查看次数

CSS边距重叠而不是给出距离

最近我有边距问题,但我无法解决它.我的HTML看起来像这样:

<div class="info-box">Some text</div>
<div class="form">...</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.info-box{
    border-radius: 5px;
    border: 1px solid red;
    margin-bottom: 20px;
}

.form{
    margin-top: 20px;
}
Run Code Online (Sandbox Code Playgroud)

问题是边距相互重叠,而不是两个元素之间的距离为40px.

我的问题是:为什么?我发现添加到.info-box overflow:hidden修复了这个但也许有更好的方法?

html css

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

可无限滚动的RxJs Observable或如何组合Observables

当用户到达页面底部时,我table使用无限滚动滚动来加载更多结果并将附加

目前,我有以下代码:

var currentPage = 0;
var tableContent = Rx.Observable.empty();

function getHTTPDataPageObservable(pageNumber) {
    return Rx.Observable.fromPromise($http(...));
}

function init() {
    reset();
}

function reset() {
    currentPage = 0;
    tableContent = Rx.Observable.empty();
    appendNextPage();
}

function appendNextPage() {
    if(currentPage == 0) {
        tableContent = getHTTPDataPageObservable(++currentPage)
                .map(function(page) { return page.content; });
    } else {
        tableContent = tableContent.combineLatest(
            getHTTPDataPageObservable(++currentPage)
                    .map(function(page) { return page.content; }),
            function(o1, o2) {
                return o1.concat(o2);
            }
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

有一个主要问题:

每次appendNextPage调用时,我都会得到一个全新的信息 …

reactive-programming observable infinite-scroll rxjs

5
推荐指数
1
解决办法
1802
查看次数

如何在React App中嵌入Google自定义搜索?

我需要在React应用程序中嵌入一个JS小部件.有办法吗?

JS小部件是Google自定义搜索:

  (function() {
    var cx = '111:xxx';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
Run Code Online (Sandbox Code Playgroud)
<gcse:search></gcse:search>
Run Code Online (Sandbox Code Playgroud)

javascript google-custom-search reactjs

5
推荐指数
1
解决办法
600
查看次数

Javascript如何更好地编写嵌套回调的方法?

我有3层回调,如下所示:

    app.post('/', (req, res) => {
        var filename = `outputs/${Date.now()}_output.json`;
        let trainInput = req.files.trainInput;
        let trainOutput = req.files.trainInput;
        let testInput = req.files.trainInput;

        //first
        trainInput.mv(`inputs/${req.body.caseName}/train_input.csv`, function (err) {
            if (err) return res.status(500).send(err);
            //second
            trainOutput.mv(`inputs/${req.body.caseName}/train_output.csv`, function (err) {
                if (err) return res.status(500).send(err);
                //third
                testInput.mv(`inputs/${req.body.caseName}/test_input.csv`, function (err) {
                    if (err) return res.status(500).send(err);

                    res.send('success');
                });
            });
        });   
    });
Run Code Online (Sandbox Code Playgroud)

在这种情况下,只有3个文件上传.在另一种情况下,我有超过10个文件上传,它进行10层回调.我知道因为JavaScript异步.

在这种情况下,有没有办法制作漂亮的代码?这是因为当它进行10层回调时,代码看起来水平怪异.

谢谢

javascript node.js

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

Google地图标记未显示

我是谷歌地图API的新手,并使用下面的代码.不知何故,标记没有显示在地图中.我正在使用谷歌地图API v3.

.controller('MapCtrl', ['$scope', 
           function MapCtrl($scope) {
               var ll = new google.maps.LatLng(38.895112, -77.036366);
               $scope.mapOptions = {
               center: ll,
               zoom: 12,
               mapTypeId: google.maps.MapTypeId.ROADMAP
             };
               $scope.onMapIdle = function() {
                   if ($scope.myMarkers === undefined){    
               var marker = new google.maps.Marker({
               map: $scope.myMap,
               position: ll
                });
               $scope.myMarkers = [marker, ];
            }
        };
              $scope.markerClicked = function(m) {
              window.alert("clicked");
        };

    }   
])
Run Code Online (Sandbox Code Playgroud)

html代码如下;

<div ng-app='localAdventuresApp'>
        <div ng-controller="MapCtrl">
            <div id="map_canvas" ui-map="myMap" 
            style="height:300px;width:400px;border:2px solid #777777;margin:3px; border:1px solid" 
            ui-options="mapOptions" 
            ui-event="{'map-idle' : 'onMapIdle()'}"
            >
            </div>
                    <div ng-repeat="marker in myMarkers" ui-map-marker="myMarkers[$index]"
                            ui-event="{'map-click': …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 angularjs

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

如何在Polymer Dart 1.0.0中检测Polymer是否使用Shady或Shadow DOM?

在阅读此维基页面后,在Polymer Dart 1.0.0上,并阅读目前Polymer Dart默认使用shady dom的事实(不是这对我来说是一个惊喜),你可以将其更改为使用shadow dom.如果使用阴影dom,我的一些最新元素将无效.我想知道你如何检测你是否在运行时使用阴影或阴暗的dom?

dart polymer dart-polymer

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

数组 prop 更新后子组件未更新

当更新数组(对象内部)时,通过向其中添加对象,子组件不会重新渲染。然而,父组件是。

我尝试更新对象的非数组属性,同时也更新对象的数组属性,然后子组件将更新。例如:

不起作用:

obj.arr.push(user);

Run Code Online (Sandbox Code Playgroud)

作品:

obj.arr.push(user);
obj.test = "wow";
Run Code Online (Sandbox Code Playgroud)

我的问题存在于从组件users传递到组件的道具上。当用户加入时,会触发套接字事件,从而修改数组。UsersLobbylobby_player_joinedusers

大厅组件(父级):

...

const StyledTabs = styled(Tabs)`${TabsStyle};`;

class Lobby extends Component {
  constructor(props) {
    super(props);
    this.state = {
      tab: 0,
    };
    this.props.setTitle('Lobby');
  }

  static get propTypes() {
    return {
      history: PropTypes.shape({ push: PropTypes.func.isRequired }).isRequired,
      location: PropTypes.shape({ state: PropTypes.object }).isRequired,
      setTitle: PropTypes.func.isRequired,
      initializeSocket: PropTypes.func.isRequired,
      onceSocketMessage: PropTypes.func.isRequired,
      onSocketMessage: PropTypes.func.isRequired,
      sendSocketMessage: PropTypes.func.isRequired,
    };
  }

  async componentDidMount() {
    await this.props.initializeSocket((error) => {
      console.error(error);
    });

    await this.props.onSocketMessage('exception', (error) => { …
Run Code Online (Sandbox Code Playgroud)

javascript arrays javascript-objects reactjs

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

对于循环和数组

我正在练习课程,并希望制作一个简单的代码来遍历数组中的每个字符串.然而,实际发生的是它一遍又一遍地显示数组中的每个字符串,而不是将一种颜色替换为另一种颜色.我该怎么做呢?

<!DOCTYPE html>
<html>
    <head>
        <title>Arrays</title>
        <script>
            colours = [" Purple"," Blue"," Pink"," Red"," Green"];
            function change() {
                for (i = 0; i < colours.length; i++) {
                    document.getElementById("hai").innerHTML += colours[i];
                }
            }
        </script>
    </head>

    <body>
        <p>The colour is: <span id=hai></span></p>
        <button id="btn" onclick="change()">Change!</button>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

colours = [" Purple", " Blue", " Pink", " Red", " Green"];

function change() {
    for (i = 0; i < colours.length; i++) {
        document.getElementById("hai").innerHTML += colours[i];
    }
}
Run Code Online (Sandbox Code Playgroud)
<p>The colour is: <span id=hai></span></p>
<button …
Run Code Online (Sandbox Code Playgroud)

html javascript arrays for-loop

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