小编Ant*_*onB的帖子

react.js每隔第n项添加开始标记或结束标记

我遇到了这个逻辑的问题,因为react/jsx不允许将非关闭标记添加到数组/子组件中.例如,使用bootstrap css我想为 4列添加一行.

所以逻辑如下:

在ex:中添加一个开始行<div className="row">,然后在该行内循环,每个循环追加一列ex:<div className="column>{this.data}</div>当循环达到4时检查if(i % 4 == 0)并添加一个结束</div>标记,同时添加新的行标记<div className="row">;

下面的代码可以使用另一种语言,但是在反应中这是不可行的,因为我们推送一个结束标记和一个开始标记(这是无效的jsx):

generateColumns(columns) {
 let newColumns = [];

 columns.forEach(function(column, idx) {
  newColumns.push( <div className="column"> some data </div> );

  if (idx % 4 == 0) {
   // Here we end the row and start a new row, works in any other language.
   newColumns.push( </div> <div className="row"> );
  }
 });

 // This array now has the proper tags …
Run Code Online (Sandbox Code Playgroud)

html javascript jsx twitter-bootstrap reactjs

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

全角按钮,如何对齐文本

尝试找出我是否可以在全角按钮(即具有 width: double.infinity

例如:

ButtonTheme(
  minWidth: double.infinity,
  child: FlatButton(
    onPressed: () {},
    child: Text('Sign Out', textAlign: TextAlign.left),
  ),
)
Run Code Online (Sandbox Code Playgroud)

产生一个居中的文本按钮,并且无法更改对齐方式。

我尝试了一些操作,但无法弄清楚,除非尝试创建自定义按钮。

我正在尝试使用text:left表示全角按钮,以便用户可以在行中的任何位置单击,并仍然获得素材的点击效果。

在此处输入图片说明

dart flutter flutter-layout

7
推荐指数
3
解决办法
4650
查看次数

Javascript Module Pattern使用Prototype创建多个实例

我想要实现的目标:使用javascript中的原型创建模块,以便用户可以使用不同的选项多次实例化模块.

问题:当使用var my_module3 = new module();然后尝试设置选项my_module3.init({ option: "value" });时,每次都不更改对象,它只更改一次.

测试:使用时console.log我们可以看到它打印出具有相同选项的两个对象,即使它们设置不同

Object {first: "Barry", second: "Larry", third: "Sam"} 
Object {first: "Barry", second: "Larry", third: "Sam"} 
Run Code Online (Sandbox Code Playgroud)

这是我的jsFiddle完整代码: http ://jsfiddle.net/11bLouc8/2/

        var module = (function () {
        // default options
        var options = {
            first: "test",
            second: "test2",
            third: "test3"
        };
        // take in useroptions and replace default options
        var module = function(userOptions) {
            if (userOptions != null && userOptions != undefined
                && userOptions …
Run Code Online (Sandbox Code Playgroud)

html javascript performance jquery html5

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

使用Gradle和Spring-boot构建可执行jar文件时出现问题

我在执行构建的jar文件时遇到问题:

运行以下命令java -jar /build/libs/***.jar会给我一些NoClassDefFoundError错误.

但是当我运行gradle bootrun它工作正常...

我按照这里的说明操作:http://docs.spring.io/spring-boot/docs/current/reference/html/build-tool-plugins-gradle-plugin.html

我的build.gradle看起来像这样:

apply plugin: 'spring-boot'

sourceCompatibility = 1.5
version = '1.0'

buildscript {
    repositories {
        jcenter()
    }

    dependencies {
        classpath("org.springframework.boot:spring-boot-gradle-plugin:1.2.6.RELEASE")
    }
}

springBoot {
    mainClass = "org.gradle.App"
}

dependencies {
    compile files('lib/selenium-server-standalone-2.47.1.jar')
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

java dependencies gradle spring-boot

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

如何正确处理AVPlayer HTTP错误?

当请求从 Web 服务器播放 mp3 文件时,如果该服务器返回 403 禁止,则不清楚在检查 AVPlayer 当前项目错误时如何处理该错误。

来自 AVPlayer 的错误消息并不表明它是 403...

2019-01-05 13:08:33.908316-0500 Runner[84043:3269818]可选(错误域=AVFoundationErrorDomain代码=-11828“无法打开”UserInfo={NSLocalizedFailureReason=不支持此媒体格式。,NSLocalizedDescription=无法打开, NSUnderlyingError=0x600000781290 {错误域=NSOSStatusErrorDomain代码=-12847“(null)”}})

该错误表示不支持该媒体,但从未访问过该媒体。有没有办法从 AVPlayer 请求中查看 HTTP 错误代码?

在 Android 上测试同一文件时,我能够正确地看到 Android 原生的 403 错误代码MediaPlayer(Android 的错误比 iOS 的 AVPlayer 更好、更有用)。

缺乏正确的错误消息传递使得很难向用户优雅地显示准确的错误。

任意代码示例:

    let url = URL(string: "some 403 server url")
    let playerItem:AVPlayerItem = AVPlayerItem(url: url!)
    player = AVPlayer(playerItem: playerItem)
    player.play()
Run Code Online (Sandbox Code Playgroud)

检查错误将打印上面引用的消息。

NSLog("\(String(describing: player.currentItem?.error))")
Run Code Online (Sandbox Code Playgroud)

ios avplayer swift

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

CSS 包装器 div 高度:100% 未覆盖整页高度

当 div id="content" 中没有足够的内容时,红色包装填充 100%,但当内容变长时,红色包装未填充 100% 屏幕高度,内容 div 溢出。

代码:http : //codepen.io/anon/pen/JAbuq

这是要演示的图像,将浏览器重新调整为较小的高度。我需要这个用于移动浏览器显示。

小浏览器。

html css jquery

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

强制将浮动的<div>推到另一个浮动的<div>下面

访问我的样本:http://codepen.io/anon/pen/qKBfE

这里也是css代码:

.bubble
{
text-align:left;
color:white;
float:left;
position: relative;
padding: 10px;
background: #95a5a6;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-left: 5px solid #e67e22;
margin-bottom:2%;
margin-top:2%;
margin-right:300px;
}
Run Code Online (Sandbox Code Playgroud)

那里有很多无用的代码,但请参考divs

class="bubble" | class="bubble2"
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,这是一个带有自定义聊天气泡的聊天框,我的"泡泡"类是主机,"bubble2"类是客户端.

当多个消息中出现"冒泡"类型时,它们不会堆叠,而是以内联方式显示,有时仅堆叠.

我怎样才能确保每个气泡向下推动另一个气泡并向左浮动为主机并为客户端浮动.

html css html5 css3

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