Tag: JavaScript

如何知道在Firefox中点击刷新button或浏览器后退button

如何知道在Firefox中是否刷新button被点击或浏览器后退button被点击…两个事件onbeforeunload()方法是一个callback。 对于IE我这样处理: function CallbackFunction(event) { if (window.event) { if (window.event.clientX < 40 && window.event.clientY < 0) { alert("back button is clicked"); }else{ alert("refresh button is clicked"); } }else{ // want some condition here so that I can differentiate between // whether refresh button is clicked or back button is clicked. } } <body onbeforeunload="CallbackFunction();"> 但在Firefox中, […]

bind.bind是什么意思? 一个奇怪的方式来使用JavaScript绑定

我正在阅读一本关于编写JavaScript框架的书,并发现了这个代码片段。 但我不明白它是如何工作的,特别是bind.bind用法? 有人有线索吗? var bind = Function.prototype.bind; var apply = bind.bind(bind.apply); var fn = apply([].concat); var a = [1, 2, 3], b = [4, [5, 6], 7]; fn(a, b); //output [1, 2, 3, 4, 5, 6, 7]

JavaScript内存限制

JavaScript应用程序可以存储的最大数据量是多less? 我想这是由浏览器处理,每一个都有其局限性? 如果没有限制,是否会创build页面文件? 如果是这样,那不是不安全吗?

在JavaScript中将长数字转换为缩写string,并具有特殊的简短要求

在JavaScript中,如何编写一个将给定[编辑: 正整数 ]数字(低于1000亿)转换为3个字母的缩写的函数 – 其中0-9和az / AZ计数为字母, (因为它在许多比例字体中很小)不会,并且在字母限制方面将被忽略? 这个问题与这个有用的线程有关 ,但不一样; 例如,那个函数会变成例如“123456 – > 1.23k”(123.5k是5个字母),我正在寻找“123456 – > 0.1m”(“0 [。] 1m”是3个字母)。 例如,这将是希望函数的输出(左原,理想的返回值): 0 "0" 12 "12" 123 "123" 1234 "1.2k" 12345 "12k" 123456 "0.1m" 1234567 "1.2m" 12345678 "12m" 123456789 "0.1b" 1234567899 "1.2b" 12345678999 "12b" 谢谢! 更新:谢谢! 在做出以下修改时,答案已经符合要求: function abbreviateNumber(value) { var newValue = value; if (value >= […]

摆脱Visual Studio中的 JavaScript视图

由于我大约两个月前从头开始安装Visual Studio 2010,因此在debugging在IE中运行的JavaScript代码时,它的行为会有所不同。 当我设置一个断点时,它会在标题中打开一个带有“[dynamic]”的视图副本,并在那里标记断点。 在执行过程中发生JavaScript错误时,它会在标记引发错误的代码行之前执行相同的操作。 这个“dynamic”视图是可编辑的,但编辑没有效果 – 它们不保存到文件中。 我觉得这种行为很不舒服。 每次我在debugging过程中发现代码中有错误时,我都会在dynamic视图中修复它。 我打保存。 VS不抱怨。 接下来,我在IE中刷新页面,并且 – bang – 更改丢失,它再次加载未触摸的旧版本。 我一直没能弄清楚如何将这些观点转移。 在我重新安装Visual Studio之前,它没有这样做。 它只会为HTML文件中的内联脚本标记中的脚本创build“dynamic”视图。

React.js:教程中的示例不工作

我从http://facebook.github.io/react/docs/tutorial.html开始学习React.js教程。 这是我的文件: template.html: <html> <head> <title>Hello React</title> <script src="http://fb.me/react-0.8.0.js"></script> <script src="http://fb.me/JSXTransformer-0.8.0.js"></script> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> </head> <body> <div id="content"></div> <script type="text/jsx" src='tut.js'> </script> </body> </html> 和tut.js: /** @jsx React.DOM */ var data = [ {author: 'Tldr', text: 'This is a comment'} ] var CommentBox = React.createClass({ render: function() { return ( <div className='commentBox'> <h1>Comments</h1> <CommentList data={this.props.data} /> […]

反应生命周期方法的理解

我是React.js的新手,我正在努力理解反应生命周期方法中的几个方法。 到目前为止,我还是有一些让我困惑的东西: 1) 据我了解, componentWillUpdate和componentWillReceiveProps之间的区别是,当父母更换道具时, componentWillReceiveProps将被调用,我们可以在componentWillReceiveProps使用setState(setState)。 例如: https : //github.com/bgerm/react-table-sorter-demo/blob/master/jsx/app.jsx var App = React.createClass({ getInitialState: function() { return {source: {limit: "200", source: "source1"}}; }, handleSourceChange: function(source) { this.setState({source: source}); }, render: function() { return ( <div> <DataSourceSelectors onSourceChange={this.handleSourceChange} source={this.state.source} /> <TableSorter dataSource={urlForDataSource(this.state.source)} config={CONFIG} headerRepeat="5" /> </div> ); } }); 在TableSorter中,我们有 componentWillReceiveProps: function(nextProps) { // Load […]

返回这个|| (0,EVAL)( '这');

查看doT.js源文件: https://raw.github.com/olado/doT/master/doT.js 这是做什么的? (function(){ return this || (0,eval)('this'); }()).doT = doT; 对我来说,它看起来像是在创build一个全局window.doT 。 如果这就是它的全部,那么为什么不呢? window.doT = doT; ?

Angular2中有哪些选项(keyup)?

当input键被释放时,下面的工作很好。 除了keyup.enter还有什么其他选项可用于keyup ? <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

Google +1button不符合W3C标准

所以我一直在玩Google的+1button,试图让它在我的网站上,但它不符合W3C。 代码如下: <!– Place this tag in your head or just before your close body tag –> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-GB'} </script> <!– Place this tag where you want the +1 button to render –> <g:plusone size="medium" href="http://www.example.org"></g:plusone> 有谁知道为什么发生这种情况,以及如何使这个兼容? 谢谢 编辑:为了让这个通过validation,我在我的网站上写了一篇文章。