Questions tagged «javascript»

有关在ECMAScript(JavaScript / JS)及其各种方言/实现(不包括ActionScript)中进行编程的问题。此标记很少单独使用,但最常与标记[node.js],[jquery],[json]和[html]关联。

5
在客户端JavaScript中访问Express.js局部变量
我想知道我是否做对了,如果不正确,你们会怎么做。 我有一个Jade模板,该模板需要呈现从MongoDB数据库检索到的一些数据,并且还需要访问客户端JavaScript文件中的该数据。 我正在使用Express.js并将数据发送到Jade模板,如下所示: var myMongoDbObject = {name : 'stephen'}; res.render('home', { locals: { data : myMongoDbObject } }); 然后在home.jade内部,我可以做类似的事情: p Hello #{data.name}! 写出来: Hello stephen! 现在,我想要的是也可以访问客户端JS文件中的此数据对象,以便在将其回发到服务器以更新数据库之前,只需单击一下按钮即可操作该对象。 通过将“数据”对象保存在Jade模板的隐藏输入字段中,然后在客户端JS文件中获取该字段的值,我已经能够实现这一点。 内部home.jade - local_data = JSON.stringify(data) // data coming in from Express.js input(type='hidden', value=local_data)#myLocalDataObj 然后在我的客户端JS文件中,我可以像这样访问local_data: 在myLocalFile.js内部 var localObj = JSON.parse($("#myLocalDataObj").val()); console.log(localObj.name); 但是,这种分类/解析业务令人感到混乱。我知道我可以将数据对象的值绑定到Jade模板中的DOM对象,然后使用jQuery提取这些值,但是我想访问客户端JS中从Express返回的实际对象。 我的解决方案是否最优,你们将如何实现?

3
结合AngularJS和Twitter Bootstrap的最佳方法
我想将AngularJS和Twitter Bootstrap结合到一个新的Web应用程序中。似乎已为Bootstrap编写了AngularJS指令。 但是,仔细看,这些指令似乎并不涵盖所有的Bootstrap。我可以将AngularUI引导程序代码与原始引导程序结合使用以获得完整性吗?首先可以做到吗? 我偶然发现了另一个名为AngularStrap的Angular项目。我可以将所有三个结合吗? 结合AngularJS和Twitter Bootstrap以获得完整性的最佳方法是什么?

4
对抗Asp.Net WebApi的Angular,在服务器上实现CSRF
我正在Angular.js中实现一个网站,该网站访问了ASP.NET WebAPI后端。 Angular.js具有一些内置功能,可帮助进行反csrf保护。在每个http请求上,它将查找名为“ XSRF-TOKEN”的cookie,并将其作为名为“ X-XSRF-TOKEN”的标头提交。 这取决于Web服务器能够在验证用户身份之后设置XSRF-TOKEN cookie,然后检查X-XSRF-TOKEN标头中是否有传入请求。 该角文档状态: 要利用此优势,您的服务器需要在第一个HTTP GET请求上的名为XSRF-TOKEN的JavaScript可读会话cookie中设置令牌。在随后的非GET请求上,服务器可以验证cookie是否与X-XSRF-TOKEN HTTP标头匹配,因此,请确保只有在您的域上运行的JavaScript才能读取令牌。令牌对于每个用户必须是唯一的,并且必须可由服务器验证(以防止JavaScript编写自己的令牌)。我们建议该令牌是您的站点身份验证Cookie的摘要,并添加盐,以增强安全性。 我找不到针对ASP.NET WebAPI的任何良好示例,因此在各种来源的帮助下,我都做了自己的工作。我的问题是-有人能看到代码有什么问题吗? 首先,我定义了一个简单的帮助程序类: public class CsrfTokenHelper { const string ConstantSalt = "<ARandomString>"; public string GenerateCsrfTokenFromAuthToken(string authToken) { return GenerateCookieFriendlyHash(authToken); } public bool DoesCsrfTokenMatchAuthToken(string csrfToken, string authToken) { return csrfToken == GenerateCookieFriendlyHash(authToken); } private static string GenerateCookieFriendlyHash(string authToken) { using …

4
Google Maps API V3方法fitBounds()
我有渲染地图的代码。 function initialize() { var myOptions = { center: new google.maps.LatLng(45.4555729, 9.169236), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP, panControl: true, mapTypeControl: false, panControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER }, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, position: google.maps.ControlPosition.RIGHT_CENTER }, scaleControl: false, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER } }; var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions); …

5
Chrome全屏API
根据这篇文章 Google Chrome 15具有全屏JavaScript API。 我试图使其工作,但失败了。我也徒劳地搜寻了官方文件。 全屏JavaScript API是什么样的?

7
使用AngularJS在新窗口中打开链接
有没有办法告诉AngularJS,我希望用户单击链接时在新窗口中打开它们? 使用jQuery,我可以这样做: jQuery("a.openInNewWindow").click( function() { window.open(this.href); return false; }) AngularJS是否具有等效功能?

13
如何使用JavaScript添加/减去日期?
我想让用户使用JavaScript轻松添加和减去日期,以便按日期浏览其条目。 日期的格式为:“ mm / dd / yyyy”。我希望他们能够单击“下一步”按钮,并且如果日期为:“ 06/01/2012”,则单击下一步时,它应变为:“ 06/02/2012”。如果他们单击“上一个”按钮,则它应变为“ 05/31/2012”。 它需要跟踪of年,每月的天数等。 有任何想法吗? 使用AJAX从服务器获取日期的PS不是一种选择,这有点滞后,也不是客户想要的用户体验。

4
jQuery:如何动态检测窗口宽度?
我的页面上有一个滚动元素(使用jScrollPane jQuery插件)。我要完成的是一种通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在做一个响应式布局,并且我希望在浏览器小于某个宽度时关闭此滚动功能。我可以在刷新页面时使其工作,但是当我调整浏览器窗口的大小时,宽度值不会即时更新。 现在,如果我从一个宽为1000像素的窗口开始,然后将其尺寸调整为350像素,则滚动功能仍然存在。我希望滚动功能在浏览器宽度达到440px时立即关闭。 这是我到目前为止的代码。 var windowsize = $(window).width(); $(window).resize(function() { var windowsize = $(window).width(); }); if (windowsize > 440) { //if the window is greater than 440px wide then turn on jScrollPane.. $('#pane1').jScrollPane({ scrollbarWidth:15, scrollbarMargin:52 }); }


6
在PC浏览器上模拟触摸事件
我正在为iPad开发HTML应用程序。因此,它利用了触摸事件和webkit-CSS动画。 到目前为止,由于它是很棒的开发人员模式,因此我一直使用chrome作为调试环境。 我想要的是能够在PC上使用Google-Chrome的调试器调试Html / JavaScript,同时使用鼠标模拟触摸事件。 我的网站没有任何多点触摸事件,也没有鼠标事件(在iPad上没有鼠标)。 我实际上对查看应用程序的布局并不感兴趣,但是对调试其行为更感兴趣。 是否有一些插件可以将鼠标事件转换为桌面浏览器上的触摸事件?

11
我们不应该使用<noscript>元素吗?
我在这里找到了一些好处: noscript元素仅检测浏览器是否启用了JavaScript。如果在防火墙而不是浏览器中禁用了JavaScript,则JavaScript将不会运行,并且noscript元素的内容也不会显示。 为了使脚本能够运行,许多脚本都依赖于所支持的一种或多种语言的特定功能(例如document.getElementById)。如果不支持所需的功能,则无法运行JavaScript,但是由于支持JavaScript本身,因此不会显示noscript内容。 使用noscript元素最有用的位置是在页面的顶部,在那里可以选择确定在页面加载时将哪些样式表和meta元素应用于页面,而不必等到页面加载完成。不幸的是,noscript元素仅在页面主体内有效,因此无法在头部使用。 noscript元素是块级元素,因此仅在禁用JavaScript时才可用于显示整个内容块。不能内联使用。 理想情况下,网页应使用HTML表示内容,使用CSS表示外观,并使用JavaScript表示行为。使用noscript元素是在HTML内部应用行为,而不是从JavaScript应用行为。 来源:http : //javascript.about.com/od/reference/a/noscriptnomore.htm 我非常同意最后一点。有没有办法制作和添加外部&lt;noscript&gt;文件?如果我们把&lt;noscript&gt;在&lt;head&gt;吗?

2
使用Node.js和MongoDB存储密码
我正在寻找一些有关如何使用node.js和mongodb安全存储密码和其他敏感数据的示例。 我希望所有内容都使用一种独特的盐,该盐将与哈希一起存储在mongo文档中。 为了进行身份验证,我是否仅需要盐析和加密输入并将其与存储的哈希值匹配? 我是否应该解密这些数据,如果是,该怎么做? 私钥或什至加盐方法如何安全地存储在服务器上? 我听说AES和Blowfish都是不错的选择,我应该使用什么? 任何有关如何设计的示例都将非常有用! 谢谢!


7
使用远程src注入脚本标签并等待其执行
如何将&lt;script src="https://remote.com/"&gt;&lt;/script&gt;元素注入到页面中,等待其执行,然后使用其定义的功能? 仅供参考:就我而言,该脚本在极少数情况下会进行一些信用卡处理,因此我不想总是包含它。当用户打开“更改信用卡选项”对话框,然后向其发送新的信用卡选项时,我想快速添加它。 编辑以获取更多详细信息:我无权访问远程脚本。
70 javascript 

7
jQuery检查<input>是否存在并具有值
我有以下示例: &lt;input type="text" class="input1" value="bla"/&gt; 有没有一种方法可以检查此元素是否存在并且在一个语句中是否有值?或者,至少短于 if($('.input1').length &gt; 0 &amp;&amp; $('input1').val() != '') 一英里长的条件使这里感到沮丧。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.