Tag: JavaScript

在现代浏览器中上传文件的最佳方式是什么?

我想上传(单个)文件到服务器,并显示上传的进度。 我知道我可以使用HTTP POST上传文件。 我不熟悉web-sockets,但据我所知,二进制数据也可以这样发送,因为websockets是双向的,我可以获得上传的进度。 我并不担心旧版浏览器,所以iframe和flash解决scheme并不是很吸引人,除非在这条路线上有明显的优势。 我也很好奇最好的服务器端技术。 他们的优势是使用像Django一样的wsgi服务器吗? 或者也许非阻塞I / O技术,如Node.js? 我不问,如果Web框架X比Web框架好,或者服务器X比服务器Y好。 但是,简单地说,理想的技术应该有什么设施上传到客户端。 更新 : 似乎服务器端并不影响客户端上提供的技术/ API,以方便上传。

有没有办法在JavaScript中打印对象的所有方法?

有没有办法在JavaScript中打印对象的所有方法?

Javascript正则expression式 – replace非数字字符

这工作: var.replace(/[^0-9]+/g, ''); 这个简单的代码片段将取代任何不是数字的东西。 但小数点也是真实的。 所以,我想弄清楚如何包括一个时期。 我确定这很简单,但我的testing不起作用。

附加V AppendChild JQuery

以下是一些示例代码: function addTextNode(){ var newtext = document.createTextNode(" Some text added dynamically. "); var para = document.getElementById("p1"); para.appendChild(newtext); $("#p1").append("HI"); } <div style="border: 1px solid red"> <p id="p1">First line of paragraph.<br /></p> </div> append和appendChild什么区别? 任何实时情况? PS:可能是一个愚蠢的问题,只是想知道确切的区别

AngularJS核心与Angular JS Nuget包?

这应该是一个愚蠢的问题,但我不能为我的生活find任何解释。 在Nuget中有两个类似于主包的包: AngularJS Core和Angular JS 。 前者有AngularJS团队作为作者,就像其他angular度模块一样,大约有200K的下载量。 后来有不同的作家Fitzchak Yizcaki,Dov Landau没有在其他地方看到过,而且这个包的id与其他包没有相同的格式,但是这有大约350k的下载量。 现在,通过查看其他包的依赖关系,我们看到他们引用了AngularJS.Core,所以我们现在这就是我们想要的。 我假设。 但是其他的包是什么,为什么几乎有两倍的下载量?

select2dynamic更改项目

我有两个链接的select:第一个select的每个值决定哪些项目将显示在第二个select。 第二个select的值存储在一个二维数组中: [ [{"id":1,"text":"a"}, {"id":2,"text":"b"},…], [{"id":"1a","text":"aa"},{"id":"1b","text":"ba"},…], … ] 第一个select值决定了用来填充第二个select的索引。 所以在第一个“改变”事件中,我应该可以修改包含select-two的项目。 阅读文档我想我需要使用“数据”选项…但不能确保如何加载arrays数据在初始化,似乎不工作,如果我试图做初始化后相同。 HTML Attribute: <select name="attribute" id="attribute"> <option value="0">Color</option> <option value="1">Size</option> </select> Value: <select name="value" id="value"></select> <script> var data = [ [{"id":1,"text":"black"}, {"id":2,"text":"blue"},…], [{"id":"1","text":"9"},{"id":"1","text":"10"},…], ]; $('#attribute').select2().bind('change', function(){ // Here I need to change `#value` items. $('#value').select2('data',data[$(this).val()]); // This does not work ); $('#value').select2(); </script>

将标签放置在d3.js中的节点的中心

我从d3.js开始,尝试创build一个包含居中号码标签的节点行。 我能够在视觉上产生所需的结果,但是我所做的方式并不是最佳的,因为它涉及硬编码每个文本元素的xy坐标。 以下是代码: var svg_w = 800; var svg_h = 400; var svg = d3.select("body") .append("svg") .attr("width", svg_w) .attr("weight", svg_h); var dataset = []; for (var i = 0; i < 6; i++) { var datum = 10 + Math.round(Math.random() * 20); dataset.push(datum); } var nodes = svg.append("g") .attr("class", "nodes") .selectAll("circle") .data(dataset) .enter() .append("circle") .attr("class", […]

反应:键盘事件处理程序所有'空'

我无法让任何React SyntheticKeyboardEvent处理程序为事件属性注册除null之外的任何内容。 我已经在小提琴中孤立了组件,并得到了与我的应用程序相同的结果。 任何人都可以看到我做错了什么? http://jsfiddle.net/kb3gN/1405/ var Hello = React.createClass({ render: function() { return ( <div> <p contentEditable="true" onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp} onKeyPress={this.handleKeyPress}>Foobar</p> <textarea onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp} onKeyPress={this.handleKeyPress}> </textarea> <div> <input type="text" name="foo" onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp} onKeyPress={this.handleKeyPress} /> </div> </div> ); }, handleKeyDown: function(e) { console.log(e); }, handleKeyUp: function(e) { console.log(e); }, handleKeyPress: function(e) { console.log(e); } }); React.renderComponent(<Hello />, […]

如何在jQueryselect器中定义css:hover状态?

我需要定义div的背景颜色:hover与jQuery,但以下似乎并没有工作: $(".myclass:hover div").css("background-color","red"); 我怎样才能得到相同的结果? 重要的是必须用jQuery来完成,但由于某种原因,它不起作用。 有什么build议么? 谢谢!

“+ var === + var”如何在内部工作以validationvar是否为数字?

看到这个问题: 在JavaScript中有一个(内置的)方法来检查一个string是否是一个有效的数字? 而这个: jsperf ,提出的方法之一就是(比照适用): var a = "123" var b = "123b" if ( +a === +a ) // true if ( +b === +b ) // false 这个逻辑如何在JavaScript 内部工作,使之成为可能? 我的问题不是如何检查一个string是否是一个有效的数字 – 这已经在这里回答: validationJavaScript中的十进制数字 – IsNumeric() 。 我想了解这个陈述+a === +a工作的。