小编for*_*sto的帖子

jQuery UI手风琴让多个部分保持打开状态?

我可能是个白痴,但你如何在jQuery UI的手风琴中保持多个部分?演示一次只有一个开放...我正在寻找一个可折叠的菜单类型系统.

html javascript jquery jquery-ui

91
推荐指数
8
解决办法
12万
查看次数

react.js用于与父节点通信的自定义事件

我正在制作并监听正常的DOM CustomEvent与父节点进行通信:

在孩子:

  var moveEvent = new CustomEvent('the-graph-group-move', { 
    detail: {
      nodes: this.props.nodes,
      x: deltaX,
      y: deltaY
    },
    bubbles: true
  });
  this.getDOMNode().dispatchEvent(moveEvent);
Run Code Online (Sandbox Code Playgroud)

在父母:

componentDidMount: function () {
  this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup);
},
Run Code Online (Sandbox Code Playgroud)

这有效,但有一种特定于React的方式会更好吗?

reactjs

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

榆树与ClojureScript相比如何?

我已经到了使用Backbone.js面向对象的MVC模式的GUI编码变得非常复杂并且环顾其他范例的程度.MDV,FRP,ECS,哦,我的.

榆树ClojureScript相比如何?它们在哪里重叠?

两者都是与编译为JS的JS非常不同的语言.我知道Elm是一种功能性反应式编程(FRP)语言.ClojureScript不一定是FRP,但你可以用它来做FRP.Elm使用JVM编译Haskell和ClojureScript,因此这些都是Node商店的额外要求.

也许它只是归结为Clojure vs Haskell.

clojurescript elm

39
推荐指数
3
解决办法
7077
查看次数

如何将包含表情符号的字符串拆分为数组?

(您需要Firefox或Safari才能在代码中看到表情符号.)

我想带一串表情符号并用个别角色做点什么.

在JavaScript中,"?".length == 13因为"?"长度为1,其余为2.所以我们做不到

s = string.split(""); 
c = [];
c[0] = s[0]+s[1];
Run Code Online (Sandbox Code Playgroud)

这是我做的: 表情符号海报

javascript unicode emoji

16
推荐指数
7
解决办法
7792
查看次数

html5视频使用JQuery播放两次(音频加倍).append()

我认为巨大的WTF是我正在制作的半复杂网页应用程序中隐藏的一个错误,但我已经把它简化为最简单的代码,并且它仍然可以在Firefox,Chrome和Safari中复制,不可预测但超过1/2的时间.

http://jsfiddle.net/cDpV9/7/

var v = $("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-piano-360.webm' autobuffer='auto' preload autoplay controls></video>");
$("#player").append(v);
Run Code Online (Sandbox Code Playgroud)
  1. 添加视频元素.
  2. 视频开始加载和播放.
  3. 视频音频听起来像是加倍了.
  4. 暂停可见视频,并继续播放一个音轨.
  5. 删除视频元素; 幽灵音频一直在播放.
  6. 删除帧,鬼音频停止(虽然在Firefox关闭窗口后它继续播放,并且在退出Firefox之前没有停止).

这是一个屏幕截图,可能表明我并不是完全疯狂:http://www.youtube.com/watch?v = hLYrakKagRY

.html()而不是制作元素时似乎没有发生.append(),所以这是我唯一的线索:http://jsfiddle.net/cDpV9/6/

$("#player").html("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-piano-360.webm' autobuffer='auto' preload autoplay controls></video>");
Run Code Online (Sandbox Code Playgroud)

我在OS X 10.6.7上.


我想我拥有它.即使只是创建JQuery对象而不将其添加到页面也会导致幽灵玩家玩:http://jsfiddle.net/cDpV9/8/

var v = $("<video id='v' src='http://ia600401.us.archive.org/18/items/ForrestPlaysTaik/forresto-plays-taik-banjo-360.webm' autobuffer='auto' preload autoplay controls></video>");

现在我可以通过使用来解决这个问题.html().我将向JQuery 报告此问题.

html javascript video jquery html5

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

javascript:从特定的iframe中侦听postMessage事件

我在页面中有多个iframe.现在我有一个message页面的事件监听器,它从所有iframe获取消息.我有一个解决方法,知道消息来自哪个iframe.

我想分别为每个iframe创建事件监听器.这可能吗?

javascript iframe html5 postmessage

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

JavaScript中的单色抖动(Bayer,Atkinson,Floyd-Steinberg)

我正在玩HTML5中的网络摄像头过滤器.有一个阿特金森抖动工作相当好的老派Mac感觉.

meemoo cam to dither
直播 |

现在我正试图为1989年的Gameboy感觉制作拜耳订购的抖动选项.

读了算法,但是我在将这个伪代码转换为JavaScript时遇到了麻烦:

for each y
  for each x
    oldpixel := pixel[x][y] + threshold_map_4x4[x mod 4][y mod 4]
    newpixel := find_closest_palette_color(oldpixel)
    pixel[x][y] := newpixel
Run Code Online (Sandbox Code Playgroud)

AS3,PHP或JS中是否有任何示例?你能解释一下发生了threshold_map_4x4[x mod 4][y mod 4]什么吗?


gameboy风格的GIF(用Meemoo Gameboy GIFerizer制作)

弄清楚了.在维基百科中,它说"例如,在单色渲染中,如果像素的值(缩放到0-9范围内)小于矩阵的相应单元格中的数字,则绘制该像素为黑色,否则,将其绘制为白色".在js中,通过平均当前像素(0-255)和地图值(15-240)并将其与阈值(通常为129)进行比较,我得到了很好的结果:

var map = (imageData.data[currentPixel] + bayerThresholdMap[x%4][y%4]) / 2;
imageData.data[currentPixel] = (map < threshold) ? 0 : 255;
Run Code Online (Sandbox Code Playgroud)

这是我使用不同算法的整个单色函数:

var bayerThresholdMap = [
  [  15, 135,  45, 165 ],
  [ 195,  75, 225, 105 ],
  [  60, …
Run Code Online (Sandbox Code Playgroud)

javascript canvas image-processing matrix dithering

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

webgl投影映射/四翘/角销

我想将矩形纹理映射到四边形,其中边角位于与屏幕像素对应的任意位置.有点像drawQuad( x1,y1, x2,y2, x3,y3, x4,y4 ).是否有使用WebGL执行此操作的演示?

我用WebGL完成的一切都是使用Three.js,这使得几何投影,照明和相机变得容易.但这更简单:不需要照明或摄像机角度,只需输入四个角的绝对位置.如果我可以达到这个较低的水平,我不反对使用Three.js.

我在Quartz Composer中找到了一个GLSL顶点着色器的解释.


更新

在我的项目中,我现在最终使用CSS,因为我可以拉伸任何元素(画布,img,div,视频),并且不会使用非平面形状撕裂...最终我可能会重新访问WebGL选项.如果有人有一个例子将四个角拖到任意位置,我会在这里添加它.

meemoo mapper

webgl three.js

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

使用jQuery.ajax()保存匿名github gist

我在使用jQuery.ajax()Gistub发布要点时遇到了麻烦.创建了gist,响应是201 Created,但Firebug中的响应选项卡为空,并且命中了错误回调.

  var data = {
    "description": "posting gist test",
    "public": true,
    "files": {
      "test.txt": {
        "content": "hello gist!"
      }
    }
  }
  $.ajax({
    url: 'https://api.github.com/gists',
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data)
  })
  .success( function(e) {
    console.log(e);
  })
  .error( function(e) {
    console.warn("gist save error", e);
  });
Run Code Online (Sandbox Code Playgroud)

令人沮丧的是,它在jsfiddle中运行良好:http://jsfiddle.net/vXpCV/


也许这就是问题所在.jsFiddle获得不同的响应头:

Access-Control-Allow-Cred...    true
Access-Control-Allow-Orig...    http://fiddle.jshell.net
Access-Control-Expose-Hea...    Link, X-RateLimit-Limit, X-RateLimit-Remaining, X-OAuth-Scopes, X-Accepted-OAuth-Scopes
Connection  keep-alive
Content-Length  1093
Content-Type    application/json; charset=utf-8
...
Run Code Online (Sandbox Code Playgroud)

jquery gist github github-api

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

backbone.js清空一个集合

我需要清空一个集合,按顺序删除每个项目.

this.nodes.each(function(node){
  this.nodes.remove(node);
}, this);
Run Code Online (Sandbox Code Playgroud)

不起作用,因为在删除每个节点时,它会更改集合的长度.制作一个临时数组,然后迭代它的工作原理.有没有更好的办法?

javascript collections backbone.js

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