Tag: JavaScript

JavaScript图表API：Flot jQuery插件或谷歌可视化？

我正在寻找一个图表库在网站上显示。 我将密集使用这个库（主要是面积，线条和条形图），所以我更愿意在开始实施之前确保我的select。 我最初考虑的网站图表库的列表是： Plotkit Emprise JS图表 迷你图 Protochart gRaphael 虚张声势 YUI图表 ： 然而经过对这个论坛和网上调查的一些研究，我把我的候选人名单缩减到这两个图书馆： Flot jQuery插件 Google可视化 您build议我使用哪一个？为什么（如果您曾与其中一个或两个人一起工作，请告诉我您的反馈）？ 他们如何在易用性，性能和function方面相互比较？ 谢谢 编辑：基于闪存图表库不符合我的约束条件

扩展console.log而不影响日志行

我想扩展“console.log”函数来添加额外的信息到输出 – 但我不想影响浏览器在控制台窗口中生成的脚本名称/行号信息。 看看如果我创build我自己的实现，我得到无用的跟踪信息，我应该find该代码区域…（他们都链接到日志实现，而不是引起日志消息的实际脚本） 基本上，我的应用程序是一个非常可插拔的基础设施，任何日志输出可能发生在任何数量的帧。 因此，我希望每条日志消息在日志消息的开头都包含一个特殊的唯一标识符。 我已经尝试用我自己的replaceconsole.log方法，但是chrome抱怨Uncaught TypeError: Illegal invocation 这是我重写它 var orig = console.log; console.log = function( message ) { orig( (window == top ? '[root]' : '[' + window.name + ']') + ': ' + message ); } 有任何想法吗？ [编辑]注：解决“非法调用”的问题后，似乎文件名/ linenumber仍然“被污染”的覆盖… [编辑]它看起来像一般的答案是 – 没有 – 尽pipe一些令人困惑的鹅追逐，所需的function是无法实现在当前版本的浏览器。

jQuery元素变得可见

基本上，我想知道是否有一种方法来自动运行一个function，当一个元素变得隐藏或可见，而不是在用户点击，但自动在另一个脚本。 我不希望这只是运行一次，因为元素（如滑块）不断从可见变为隐藏。 这是jQuery可以绑定的东西吗？ 比如将元素的可见性绑定到一个函数（我不知道该怎么写） 如果你需要我详细说明我想要做什么，请告诉我。 谢谢 伪代码： $('#element').bind('display:none', function); function(){ //do something when element is display:none } $('#element').bind('display:block', function2); function2(){ //do opposite of function }

编码window.location.hash

window.location.hash是否包含url部分的编码或解码表示？ 当我在Firefox 3.5和Internet Explorer 8中打开相同的URL（ http://localhost/something/#%C3%BC ，其中%C3%BC转换为ü ）时， document.location.hash会得到不同的值： IE8： #%C3%BC FF3.5： #ü 有没有办法在两个浏览器中获得一个变体？

有JavaScript来转换HTML到降价？

有showdown.js将降价转换为HTML， PHP Markdown将降价转换为HTML。 我的问题是，有JavaScript库将HTML转换为降价？

Function构造函数的合法用法

正如反复所说，使用Function构造函数被认为是不好的做法（也参见ECMAScript语言规范 ， 第 5版，第15.3.2.1节）： new Function ([arg1[, arg2[, … argN]],] functionBody) （所有参数都是包含参数名称的string，最后（或唯一）的string包含函数体）。 扼要地说， 歌剧团队解释说，它是缓慢的： 每次Function构造Function在代表源代码的string上调用时，脚本引擎都必须启动将源代码转换为可执行代码的机制。 这对于性能来说通常是昂贵的，例如，比简单的函数调用容易百倍。 （Mark'Tarquin'威尔顿 – 琼斯） 虽然没有那么糟糕，但根据MDC上的这篇文章 （虽然我没有使用当前版本的Firefox自己testing）。 克罗克福德补充说 他引用语言的约定使得将一个函数体正确地表示为一个string是非常困难的。 在stringforms，早期的错误检查不能完成。 […]这是浪费内存，因为每个function都需要自己的独立实施。 另一个区别是 由Function构造函数定义的函数不会inheritance除全局作用域之外的任何作用域（所有函数都inheritance）。 （ MDC ） 除此之外，当您使用dynamic内容创buildnew Function时，必须注意避免注入恶意代码。 也就是说，TJ克罗德在一个答案中说 除了一些先进的边缘情况外，几乎从不需要类似的新函数（…）。 所以，现在我想知道：这些“先进的情况”是什么？ Function构造函数是否有合法用途？

使用Socket.io连接客户端到服务器

我是相对较新的node.js和它的插件，所以这可能是一个初学者的问题。 我试图在Web服务器上获得一个简单的HTML页面连接到不同的服务器与websocket.io运行node.js。 我的代码如下所示： 客户 <script src="socket.io/socket.io.js"></script> <script> // Create SocketIO instance, connect var socket = new io.Socket(); socket.connect('http://127.0.0.1:8080'); // Add a connect listener socket.on('connect',function() { console.log('Client has connected to the server!'); }); // Add a connect listener socket.on('message',function(data) { console.log('Received a message from the server!',data); }); // Add a disconnect listener socket.on('disconnect',function() { console.log('The client […]

按键和键盘 – 为什么keyCode不同？

相关： JavaScript的KeyCode与CharCode 这里是一些代码，你可以在家里或在jsfiddle尝试 ： el.addEventListener( 'keyup', function( e ) { console.log( 'Keyup event' ); console.log( e.keyCode ); } ); el.addEventListener( 'keypress', function( e ) { console.log( 'Keypress event' ); console.log( e.keyCode ); } ); 为什么keyCode不同？ 我可以理解为什么只使用按键，但我不明白的是，给定键盘上的同一个按键，两个按键事件会给出不同的按键代码。 PS：我不担心传统的浏览器支持，我在Chrome中试过这个，很惊讶，找不到解释。

RequireJS：有没有办法实现多个基本的URL？

我想使用一个单独的域作为JavaScript框架，它会创build一个基本的需求configuration，我可以从应用程序中增加。 foo.example.com main.js lib/foo-specific.js framework.example.com framework.js <– entry point lib/jquery.js lib/etc… 最好，我希望能够要求“lib / foo-specific”和/或“lib / jquery”，并且path只是很好的解决，但是从我发现的，没有办法做到这一点，除非我为框架中的每个js文件使用特定的path键/值。 目前，我有一个自定义的插件来加载给定的path与不同的基地址（例如fw!lib/jquery ），但如果我想使用text! 插件，它不会工作，插件链不受支持。 请参阅https://github.com/jpillora/js-framework ，了解我目前的使用情况，以及https://github.com/jpillora/prettyprinter的用例。 有没有一个干净的方法来解决这个问题？ 或者实现多个基本的URL？ 注：我也研究了多个需求实例，但我不认为这将工作，因为我希望应用程序能够访问框架的configuration。

我怎样才能自动压缩和最小化ASP.NET MVC应用程序中的JavaScript文件？

所以我有一个ASP.NET MVC应用程序，在不同的地方引用了一些JavaScript文件（在站点的主人和其他几个视图中的引用）。 我想知道是否有一种自动的方式来压缩和尽可能最小化这样的引用到一个单一的.js文件。 这样… <script src="<%= ResolveUrl("~") %>Content/ExtJS/Ext.ux.grid.GridSummary/Ext.ux.grid.GridSummary.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.rating/ext.ux.ratingplugin.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/ext-starslider/ext-starslider.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.dollarfield.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.combobox.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.datepickerplus/ext.ux.datepickerplus-min.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/SessionProvider.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ExtJS/TabCloseMenu.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ActivityViewer/ActivityForm.js" type="text/javascript"></script> <script src="<%= ResolveUrl("~") %>Content/ActivityViewer/UserForm.js" type="text/javascript"></script> <script […]