Tag: JavaScript

如何告诉剃刀不要HTML转义: 我正在使用asp.net mvc 3和一个项目的剃刀。在一些我需要从控制器序列化一个数组，把它放在viewdata中，并将其分配给一个js对象。但是，当我输出它使用 @ViewData["some array"] 结果是HTML转义，所以我得到像这样的东西： [{"title":"Something","id":"Something-1" etc' 有了<％=％>这个没有被转义，所以它的行为和预期的一样。是否有可能告诉剃刀不要逃避这个string。也许，有人可能会提出另一种方法。提前感谢您的任何想法

将JavaScript对象序列化为JSONstring: 我有这个JavaScript原型： Utils.MyClass1 = function(id, member) { this.id = id; this.member = member; } 我创build一个新的对象： var myobject = new MyClass1("5678999", "text"); 如果我做： console.log(JSON.stringify(myobject)); 结果是： {"id":"5678999", "member":"text"} 但我需要的types的对象包括在JSONstring，如下所示： "MyClass1": { "id":"5678999", "member":"text"} 有一个快速的方式使用任何框架或东西？或者我需要在类中实现toJson（）方法并手动执行。谢谢！

Javascript绘图库？: 任何JavaScript交互式绘图库的build议？只需要画线，多边形，不同颜色的文字。 IE / Firefox / Opera / Safari兼容。

Reactjs组件的asynchronous渲染: 我想在我的ajax请求完成后渲染我的组件。下面你可以看到我的代码 var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); 但是我得到了下面的错误，因为我在我的ajax请求的done方法中返回了render。 Uncaught Error: Invariant Violation: CategoriesSetup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object. 有没有办法等待我的Ajax请求结束之前开始呈现？

React-Redux：所有组件状态应该保存在Redux Store中: 说我有一个简单的切换：当我点击button，颜色组件在红色和蓝色之间变化我可以通过做这样的事情来达到这个目的。 index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': return {color: true} 但这是一个很多的代码写的地狱，我可以在5秒内用jQuery，一些类和一些CSS来实现… 所以我想我真正要问的是，我在这里做错了什么？

JavaScript中的大括号是什么意思？: 我在一个jQuery文件中find了这个： xxx.css({ 'float' : 'right' }); 大括号是干什么的？

正确的方法来检测WebGL的支持？: 我试图检测跨多个浏览器的WebGL支持，我遇到了以下情况。即使当访问者的video卡被黑名单和/或WebGL被禁用，Firefox的当前版本也会使用以下检查来报告积极的支持： if (window.WebGLRenderingContext) { // This is true in Firefox under certain circumstances, // even when WebGL is disabled… } 我已经试过指导我的用户使用以下步骤启用WebGL。这在某些情况下有效，但并不总是如此。显然，这不是我可以向公众要求的东西：在Firefox的地址栏中键入about：config 要启用WebGL，请将启用webgl.force的设置为true 这导致我创build了自己的方法来检测支持，它使用jQuery注入一个canvas元素来检测支持。这拉扯了我在各种WebGL库和插件中find的许多技术。麻烦的是，testing是非常困难的（关于下面的链接是否适合你的评论是非常感谢！）。为了使这是一个客观的问题，我想知道是否有一个普遍接受的方式来检测所有浏览器的WebGL支持。 testingurl： http://jsfiddle.net/Jn49q/5/

我如何testingNaN？: 可能重复：在Javascript中比较NaN值是否相等谁能告诉我为什么这不起作用？ if(inbperr == NaN){ document.getElementById('inbclo').value = "N/A"; } else{ document.getElementById('inbclo').value = "%" + inbperr; } 而不是像我想要它返回一个百分比值或“N / A”它返回“％NaN”。

如何在d3.js中select当前元素的父元素: 我想访问当前元素的父元素这是HTML的结构 svg g id=invisibleG g circle g circle g circle 基本上我想在鼠标hover在圆圈内时添加文本。所以我希望在任何特定的圈子上hover svg g id=invisibleG g circle –> radius is increased and text presented inside that text g circle g circle hover时，我可以通过d3.select（this）select当前元素，我怎样才能获得根元素（g在我的情况下）？

如何判断<video>元素是否正在播放？: 我看到MediaElement接口公开了像paused ， seeking和ended属性。然而，从列表中缺less的是playing 。我知道当一个元素开始播放时会playing事件，在playing时会定期timeupdate事件事件，但是我正在寻找一种方法来确定video是否正在播放。有一个简单的方法来确定这一点？我得到的最接近的是： !(video.paused || video.ended || video.seeking || video.readyState < video.HAVE_FUTURE_DATA)