小编osk*_*bor的帖子

反应,点击事件和材料 - ui

我正在尝试material-ui,react而且我遇到了一个没有解雇事件的问题.我在引导应用程序的同时安装了react-tap-event-plugin和我一起调用injectTapEventPlugin().

toggleMenu 永远不会在以下代码段中调用:

/** @jsx React.DOM */
var React = require('react');
var mui  = require('material-ui');
var LeftNav = mui.LeftNav;
var MenuItem = mui.MenuItem;
var AppBar = mui.AppBar;
var App = React.createClass({

  getInitialState: function () {
    return {
      message: 'Hello World!'
    };
  },
  toggleMenu: function () {
    console.log('clicked hamburger'); //<-- This is never fired
    this.refs.menu.toggle();
  },

    render: function() {
        var menuItems = [{ route: 'get-started', text: 'Get Started' }];
        return (
<div>
    <AppBar …
Run Code Online (Sandbox Code Playgroud)

javascript touch-event reactjs material-ui

28
推荐指数
1
解决办法
5536
查看次数

使用Media Source Extensions在IE/Edge中进行视频缓冲

我们正在尝试使用MSE(媒体来源扩展)在网站上显示实时视频.我们正在通过websocket发送帧,并尽最大努力保持延迟.我们目前的原型在IE,Edge,Chrome,Safari等中流畅.我们遇到的问题是IE和Edge坚持在开始播放视频前大约3-5秒进行缓冲.这在我们的使用案例中是不可接受的(来自安全摄像机的实时视频).我们想知道是否有一些属性或类似(我们已经尝试设置preload = none,但没有成功),这会删​​除此缓冲?当第一帧添加到sourceBuffer时,所有其他浏览器开心地开始播放,并且我们希望IE/Edge具有相同的行为.您可以为我们建议其他任何解决方法吗?

帧采用ISO BMFF格式

这是我创建的一个再现示例,它测量从第一帧附加到视频开始播放的时间.它使用间隔来欺骗通过websocket到达的数据.

结果:

Browser       Delay(ms)
-----------------------
Chrome:           ~300
Safari @ Mac:       ~7
Chrome @ Android:  ~30
IE11 @ Win10:    ~3200
Edge:            ~3200
Run Code Online (Sandbox Code Playgroud)

是mp4文件,如果你想检查它.

javascript video-streaming internet-explorer-11 media-source microsoft-edge

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

使用样式化组件的UI库

我猜不是所有的UI框架都很容易与样式组件一起使用; 因为它们的特异性可能太高等.

我在这方面是否正确?

样式化组件是否有任何模式允许它们与任何UI框架一起使用?

是否存在框架模式,允许它们与样式化组件一起工作,而不是用它编写?

我知道这可能是主观的,但我想问一下互操作性的客观模式.

reactjs styled-components

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

功能检测是否需要用户手势

有没有办法检测是否play()允许在没有用户手势的情况下调用视频元素?在Android Chrome上,会出现以下警告:

Failed to execute 'play' on 'HTMLMediaElement': API can only be initiated by a user gesture.

因此,在Chrome Android上,需要用户手势才能开始播放视频,而桌面Chrome则不需要.有没有办法检测我会得到哪种行为?

我想在我的应用程序中略有不同的行为,具体取决于是否允许以编程方式调用play.

我试过用Modernizr.videoautoplay,但是检查autoplay元素上的属性是不是一回事.这给IE11和Edge带来了误报.

编辑:添加了一个例子.该视频将在Windows桌面和IE11或Edge(3秒延迟)上自动开始在Windows 8或10上播放.对于Chrome @Android,需要用户交互(单击按钮),并且可以在控制台中看到错误消息.

javascript feature-detection html5-video modernizr

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

在IE10中打破了基于Bootstrap的主题

http://metagraf.github.io在所有经过测试的浏览器中都表现良好,直到IE10出现.在IE10中查看时,顶部菜单覆盖整个页面.有关页面在IE10中的外观的截图可以在这里看到:https ://dl.dropboxusercontent.com/u/2897577/ie10.png有关如何解决此问题的任何想法?

关于奥斯卡

css internet-explorer-10 twitter-bootstrap

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

身份验证代币,本地存储和流星

我们正在运行一个Web应用程序(闪亮服务器,其中编码在R中完成)并且想要为其添加身份验证层.而不是在R中构建一些东西,我想到使用meteor来创建auth令牌等等.这是我想的方式:

  • 用户使用meteor和meteor登录会创建一个类似于下面的数据库条目:
    { "createdAt" : 1372521823708,
      "_id" : "HSdbPBuYy5wW6FBPL",
      "services" : { "password" : { "srp" : { "identity" : "vKpxEzXboBaQsWYyJ",
            "salt" : "KRt5HrziG6RDnWN8o",
            "verifier" : "8d4b6a5edd21ce710bd08c6affb6fec29a664fbf1f42823d5cb8cbd272cb9b2b3d5faa681948bc955353890f645b940ecdcc9376e88bc3dae77042d14901b5d22abd00d37a2022c32d925bbf839f65e4eb3a006354b918d5c8eadd2216cc2dbe0ce12e0ad90a383636a1327a91db72cf96cd4e672f68544eaea9591f6ed102e1" } },
        "resume" : { "loginTokens" : [ 
            { "token" : "t9Dxkp4ANsYKuAQav",
              "when" : 1372521823708 } ] } },
      "emails" : [ 
        { "address" : "example@example.com",
          "verified" : false } ] }
  • 用户被重定向到"旧应用程序".在这里我们检查本地存储(如果我们使用相同的向外主机和端口,应该是与meteor相同的本地存储,对吗?)并找到以下信息:
    Meteor.loginToken: t9Dxkp4ANsYKuAQav
    Meteor.userId: HSdbPBuYy5wW6FBPL
  • 本地存储数据由"其他应用程序"调查,它对meteor db执行简单的数据库查询,以验证本地存储信息是否与数据库中的信息匹配.也许还会检查某种到期日期.如果匹配,则应用程序呈现,否则不呈现.

这是一种非常安全的方式吗?是否可以在应用程序之间共享本地存储?

authentication local-storage meteor shiny-server

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

Dart 单元测试应该因异常而失败

我有这个测试:

     未来 f = neo4d.nodes.delete(1);
      f.then(((_) {  
      })).catchError((e){
        期望(e.statusCode,等于(409));
      });
      返回 f;
    });

目前已经爆炸,因为是e.statusCode404 而不是 409。我希望测试失败,但整个测试套件由于未捕获的异常而停止。如何捕获异常(并使测试失败)并阻止它破坏所有其他测试?

这是运行上面的代码时得到的输出:

[2014-03-06 14:44:32.020] 调试 http: R10: 在 9 毫秒内收到数据,状态为 404: [{
  "message" : "在数据库中找不到 id [1] 的节点。",
  “异常”:“NodeNotFoundException”,
  “全名”:“org.neo4j.server.rest.web.NodeNotFoundException”,
  “stacktrace”:[“org.neo4j.server.rest.web.DatabaseActions.node(DatabaseActions.java:183)”,“org.neo4j.server.rest.web.DatabaseActions.deleteNode(DatabaseActions.java:233)” 、“org.neo4j.server.rest.web.RestfulGraphDatabase.deleteNode(RestfulGraphDatabase.java:279)”、“java.lang.reflect.Method.invoke(Method.java:601)”、“org.neo4j.server. rest.transactional.TransactionalRequestDispatcher.dispatch(TransactionalRequestDispatcher.java:139)", "org.neo4j.server.rest.security.SecurityFilter.doFilter(SecurityFilter.java:112)", "java.lang.Thread.run(Thread. java:722)"]
}]
未捕获的错误:预期:409
  实际:404

堆栈跟踪:
#0 SimpleConfiguration.onExpectFailure (包:unittest/src/simple_configuration.dart:141:7)
#1 _ExpectFailureHandler.fail (包:unittest/src/simple_configuration.dart:15:28)
#2 DefaultFailureHandler.failMatch (包:unittest/src/expect.dart:117:9)
#3 期望(包:unittest/src/expect.dart:75:29)
#4 个节点... (file:///Users/oskbor/Projects/neo4dart/test/alltests.dart:202:15)
#5 _invokeErrorHandler (dart:async/async_error.dart:12)
#6 _Future._propagateToListeners。(dart:async/future_impl.dart:469)
#7 _rootRun (dart:async/zone.dart:683)
#8 _RootZone.run (dart:async/zone.dart:823)
#9 _Future._propagateToListeners (dart:async/future_impl.dart:445)
#10 _Future._propagateMultipleListeners (dart:async/future_impl.dart:384)
#11 _Future._propagateToListeners …

unit-testing asynchronous dart

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

你将如何在榆树中构建电子表格应用程序?

我一直在看榆树,我真的很喜欢学习这门语言.我一直在考虑做一个电子表格应用程序,但我无法理解它的结构.

假设我们有三个细胞; A,B和C.如果我进入4单元格A和=A单元格B,我怎样才能让单元格B始终等于单元格A?如果我然后输入=A+B单元格C,是否可以对其进行评估8,并在A或B更改时进行更新?不知道如何利用信号来实现这种动态行为.关心奥斯卡

elm

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

Ember.js和jsfiddle问题

我是javascript世界的新手,所以不要犹豫,指出明显的.我试图创建一个jsfiddle,询问如何在App.Column视图创建的div元素中插入一些内容.

然而,我没有得到工作的小提琴,谁能指出为什么我的错误?

控制台记录下这个:Uncaught TypeError:无法调用未定义的方法'extend'

这是小提琴:http://jsfiddle.net/Aqrrj/2/

JQueryUI-widget取自https://github.com/lukemelia/jquery-ui-ember,还有一个我开始的工作示例.

干杯

jsfiddle ember.js

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

在一个盒子里休息后端?

我寻找像后端即服务这样的东西,但可以自我托管.这些是我正在寻找的基本功能:

  • 身份验证/访问控制
  • JSON支持
  • 资源
  • 基本的业务逻辑支持
  • 开源或易于扩展
  • 应该与例如angular.js兼容

是否有任何REST后端实现可以做大部分的事情,如后端作为服务提供商(kinvey看起来不错)可以做但我可以在内部网上托管?

关于奥斯卡

rest json backend angularjs

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

我可以自动序列化Dart对象以通过Web Socket发送吗?

我刚看到有一些用于运行Dart Web服务器的库,比如Start.所以我在考虑这样的事情..如果客户端和服务器代码都是用Dart编写的,是否可以通过websockets(或普通REST)发送"Dart对象",以便类型信息保留在另一端?或者我是否需要通过JSON或类似的方式序列化/反序列化?还是我在这里思考问题?

关于奥斯卡

html5 serialization websocket dart

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

Rails属性头痛

新手铁路问题即将来临.

我有一个这样的课:

class Thing < ActiveRecord::Base
    attr_accessible :name
    attr_accessor :name
    validates_uniqueness_of :name, :case_sensitive => false
end
Run Code Online (Sandbox Code Playgroud)

我已完成迁移,表格看起来还不错.然后我启动rails console并尝试以下操作:

t = Thing.new(:name => "test")
=> #<Thing id: nil, name: nil, description: nil, created_at: nil, updated_at: nil> 
Run Code Online (Sandbox Code Playgroud)

已经在这里它说名字是零,为什么?继续,我试试这个:

t.name
 => "test"
Run Code Online (Sandbox Code Playgroud)

现在名字似乎设定了吗?如果我试图保存:

t.save!
Thing Exists (8.0ms)  SELECT 1 AS one FROM "things" WHERE LOWER("things"."name") = LOWER('test') LIMIT 1
SQL (16.0ms)  INSERT INTO "things" ("created_at", "description", "name", "updated_at") VALUES ('2012-10-28 16:10:12.701000', NULL, NULL, '2012-10-28 16:10:12.701000')
=> true 
Run Code Online (Sandbox Code Playgroud)

为什么我指定的名称没有保存?我想要的是能够在调用new时将属性指定为哈希,然后保存实例.

activerecord ruby-on-rails ruby-on-rails-3

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