Tag: javascript

基于DOM树的JavaScript模板引擎

我正在寻找一个新的Javascript模板引擎来替换旧的jQuery模板,以满足我的客户端模板需求。 我更喜欢模板引擎处理DOM树而不是文本字符串的方法,然后将cooked字符串的内容转储到innerHTML 。 这是更好的性能,我发现DOM操作更适合构建更多DOM树的方法。 我对Javascript模板引擎有什么选择,它会直接创建DOM树而不是基于文本的引擎? 我喜欢Mustache.js的无逻辑方法,但似乎只对字符串进行操作。 原生jQuery集成也是一个很好的function。

缩小大小并更改bootstrap-datepicker字段的文本颜色

在Web视图中编写基于HTML5 / JQuery启动的Android应用程序,我使用的是Eternicode的bootstrap-datepicker。 顺便说一下,我正在使用Jquery 1.9.1和Bootstrap 2.3.2以及bootstrap-responsive。 选择器工作正常,但不幸的是我得到了两个我目前无法解决的问题: 拾取器主题不受尊重,某些日期不可读(参见附图)。 有些有css冲突,例如datepicker的字体在白色背景上显示为白色。 我无法减小日期选择器字段的大小,例如它保持在单独的行上。 我的标记代码是: One Date 我通过Javascript初始化datepicker: $(“#dateId”).datetimepicker({ pickTime: false, format: “dd/MM/yyyy”, startDate: startDate, endDate: endDate, autoclose: true }); $(“#dateId”).on(“changeDate”, onChangeDate); 你对这些问题有任何了解吗? 非常感谢

对于函数(function($){})(),我在其中看到了jQuery这个词,为什么会这样?

对于函数(function($){})(),我在其中看到了jQuery这个词,为什么会这样? 我已经阅读了这个页面Javascript:为什么jQuery这样做:(function(){…});,它是如何工作的? 但它没有说出这样的例子: (function($){})(jQuery); 括号中的jquery有什么作用? 如果括号本身已经自我调用函数那么为什么我们需要那里的jQuery?

从AJAX中的事件onreadystatechange返回值

我试图在下面的代码中为变量val赋值: var cmdValue = “/cmd/fetch?x=”; var val; var returned_data; function what(){ val = update(‘#TAG#’); } function update(tag) { var req1 = newXMLHttpRequest(); req1.open(“GET”,cmdValue + tag, true); req1.send(“”); return req1.onreadystatechange= function () { if (req1.readyState == 4 && req1.status == 200) { returned_data = req1.responseText; return returned_data; }else{ } }; } 我正在跟踪Firebug中的变量,结果发现val被分配了函数。 有没有办法让代码运行,然后将值赋给变量val ?

Google的语音识别技术是否有API?

我想尝试使用简单的语音命令(如“next”或“previous”)创建jQuery幻灯片。 有没有办法使用谷歌的语音识别? 我知道Chrome的x-webkit-speech,但是我必须单击一个按钮才能使用它。 我尝试了麻省理工学院的WAMI,但我发现它比谷歌的语音认知更慢,更准确。

使用MongoDB的客户端jQuery应用程序

我正在尝试编写一个非常简单的示例应用程序来熟悉使用MongoDB。 从本质上讲,我希望有一个查询本地MongoDB服务器的网页,使用jQuery动态添加和删除内容。 我完全没有问题将页面布局和jQuery放在一起,但是我越来越被MongoDB的部分混淆了。 我知道MongoDB是一个服务器 ,可以从客户端远程运行,但是对于我的例子,我只是希望能够从客户端浏览器中的JavaScript快速轻松地进行查询: $(“#toggle”).click(function() { if ($(this).is(“:checked”) { // add items from mongodb addItems(mongodb.test.find({ age: { $gt: 5 }})); } else { $(“#results”).hide(); } }); 有没有办法以这种方式与MongoDB交互?

在beforeunload事件处理程序中停止卸载页面

在用户导航页面代码之前,检查他是否编辑了一些表单字段。 如果他这样做,我会显示一个带有Yes和No按钮的模态窗口。 如果他单击否,则模态应该关闭,用户仍然在该窗口上。 如果是 – 保存更改并卸载。 $(window).bind(‘beforeunload’, function(){ // check if any field is dirty if ($(‘div.form’).dirtyForms(‘isDirty’)) { var modalParams = { Content: ‘You have some unsaved changes, proceed?’ OnSave: navigateAndSave, OnCancel: cancelNavigate } ShowModal(modalParams); } }) function navigateAndSave() { // Do stuff }; function cancelNavigate() { // Stop page from unloading and close the […]

使用相同的事件处理程序分别使用不同的事件绑定多个元素的优雅方法是什么?

我有$(document)和$(window),它们分别与’ready’和’resize’事件绑定。 他们共享相同的事件处理程序。 码: $(window).on(‘resize’, function () { Shared code }); $(document).ready(function () { Shared code }); 而不是上面的风格,是否有一种传统的处理方式,以使代码清洁和简单>

如何进行unit testing以查看角度是否未定义?

我正在使用角度版本1和茉莉花进行unit testing。 我想做的测试是: 当我在ie7中加载index.html页面时,我加载了一个html横幅,说下载最新的浏览器。 我目前正在索引页面上使用JQuery加载一个html模板。 是否可以测试这个,因为它在角度app之外。 这是我在index.html页面上的当前代码: if(window.angular === undefined) $(function(){$(“#angularNotSupportedModal”).load(“/app/noAngularModal.html”);}); 任何建议都会很棒。 谢谢

仅在禁用JavaScript时显示“启用JavaScript”消息

我希望在禁用JavaScript的情况下向用户显示一条消息“请启用JavaScript”。 我希望该消息,禁用JavaScript时不显示任何其他内容。 因此,为此,我可以将消息放入DOM并使用display:none隐藏所有其他元素。 然后在JavaScript中我可以设置消息显示隐藏并显示所有其他元素。 但是我用这种方法得到了一个闪烁。 在隐藏之前,错误消息会显示一段时间(特别是在移动浏览器上)。 如何最小化显示错误消息的时间?