Tag: JavaScript

在React.js中执行去抖动

你如何在React.js中执行debounce? 我想去除handleOnChange。 我试着debounce(this.handleOnChange, 200)但它不起作用。 function debounce(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ render:function () { return ( <input type="search" name="p" onChange={this.handleOnChange}/> ); }, handleOnChange: function (event) { //make […]

CommonJS,AMD和RequireJS的关系?

我仍然对CommonJS,AMD和RequireJS感到困惑。 即使阅读了很多。 我知道CommonJS(以前称为ServerJS)是一个用于在浏览器外部使用该语言时定义一些JavaScript规范(即模块)的组。 CommonJS模块规范有一些像Node.js或RingoJS的实现,对吧? CommonJS,asynchronous模块定义(AMD)和RequireJS之间有什么关系? RequireJS是否实现了CommonJS模块定义? 如果是,AMD又是什么?

D3 v4 – 不能读取null的属性文本

我一直在试图把一个漂亮的D3图表例子( https://jsfiddle.net/thudfactor/HdwTH/ )转换成新的D3 v4的Angular2组件。 但是我做了一个“无法读取属性文本的空值”exception与下面的代码: var textLabels = labelGroups.append("text").attr({ x: function (d, i) { var centroid = pied_arc.centroid(d); var midAngle = Math.atan2(centroid[1], centroid[0]); var x = Math.cos(midAngle) * cDim.labelRadius; var sign = (x > 0) ? 1 : -1 var labelX = x + (5 * sign) return labelX; }, y: function (d, i) { […]

为什么!new Boolean(false)在JavaScript中等于false?

从JavaScripttypes的jQuery文档中 ,我们可以看到这段代码描述了转换为布尔值时string的行为(该主题与这个问题没有关系,但是它只是我find代码的地方): !"" // true !"hello" // false !"true" // false !new Boolean(false) // false 我得到前三个例子,但是我没有得到最后一个例子,因为: new Boolean(false) == false //true !false // true 所以我会假设: !new Boolean(false) // true 但反而: !new Boolean(false) // false, mind = blown 这是什么,我什至不… 是因为: new Boolean(false) === false // false 如果是这样,这有什么用途?

我怎样才能在JavaScript onbeforeunload事件中获取目标url?

我已经search了几个小时,但我找不到解决scheme。 window.onbeforeunload = warn; 这不起作用: function warn (e) { var destination = e.href; alert(destination ); } 好吧,清除这些东西。 如果用户点击页面本身的链接,很容易,因为您可以添加一个事件处理程序到所有的链接onclick事件,但是。 我想赶上地址,用户input到浏览器的url框中。

显示更新时从Flask视图stream式传输的数据

我有一个生成数据并实时stream的视图。 我不知道如何将这些数据发送到我可以在我的HTML模板中使用的variables。 我目前的解决scheme只是输出数据到一个空白页面到达,这是有效的,但我想包括在一个更大的页面格式。 数据stream式传输到页面时,如何更新,格式化和显示数据? import flask import time, math app = flask.Flask(__name__) @app.route('/') def index(): def inner(): # simulate a long process to watch for i in range(500): j = math.sqrt(i) time.sleep(1) # this value should be inserted into an HTML template yield str(i) + '<br/>\n' return flask.Response(inner(), mimetype='text/html') app.run(debug=True)

通过js或查询强制下载

是否有可能强制通过JS或Javascript的下载,即网页不应该在浏览器的新标签中打开文件,而是popup让用户select“另存为”或打开???

JSFiddle代码不能在我自己的页面中工作

我有一些在JSFiddle中工作的代码,但是我不能运行在我自己的页面中。 HTML <body style="background-color: #000000"> <form oninput="amount.value=range.value" style="color:#1ec2c5;"> <output name="amount" for="range">2</output><a> KM</a> <input type="range" name="range" min="1" max="9" step="1" value="2" id="test"> </body> CSS input[type="range"]{ -webkit-appearance: none; -moz-apperance: none; border-radius: 6px; width: 225px; height: 6px; border: 2px solid #eceef1; outline:none; background-image: -webkit-gradient( linear, left top, right top, color-stop(0.15, #eceef1), color-stop(0.15, #0c0d17) ); } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none […]

如何下载文件,而不使用<a>元素与下载属性或服务器?

根据caniuse , Microsoft Edge build 10547+支持<a>元素的download属性,但不支持IE或Safari 。 如何下载文件对象,而不使用带有download属性集的<a>元素或服务器?

为什么我在这里看到“访问控制 – 允许来源不允许的来源”错误?

我看到以下错误: Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin 与此代码: var http = new getXMLHttpRequestObject(); var url = "http://gdata.youtube.com/action/GetUploadToken"; var sendXML = '<?xml version="1.0"?><entry xmlns="http://www.w3.org/2005/Atom"'+ 'xmlns:media="http://search.yahoo.com/mrss/'+ 'xmlns:yt="http://gdata.youtube.com/schemas/2007">'+ '<media:group><media:title type="plain">My First API</media:title>'+ '<media:description type="plain">First API</media:description>'+ '<media:category scheme="http://gdata.youtube.com/schemas/2007/categories.cat">People</media:category>'+ '<media:keywords>first, api</media:keywords></media:group></entry>'; http.open("POST", url, true); http.setRequestHeader("Authorization", "AuthSub token=" + AccessToken); http.setRequestHeader("X-GData-Key", "key="+ dev_key); http.setRequestHeader("Content-Type", "application/atom+xml; charset=UTF-8"); http.onreadystatechange = function() { […]