Questions tagged «javascript»

我有下一个html： <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> 是否可以获取以开头的属性data-，并在下面的JavaScript代码中使用它？现在我得到null了结果。 document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

144 javascript  html  custom-data-attribute 

假设我们有以下代码： <form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form> 结果是： 当用户单击“浏览...”按钮时，将打开一个文件搜索对话框： 用户将通过双击文件或单击“打开”按钮来选择文件。 选择文件后是否有一个Javascript事件可以通知我？

144 javascript  html  javascript-events 

MSDN引用了JavaScript的Set集合抽象。我有一个要转换为集合的对象数组，以便能够.delete()按名称删除（）各种元素： var array = [ {name: "malcom", dogType: "four-legged"}, {name: "peabody", dogType: "three-legged"}, {name: "pablo", dogType: "two-legged"} ]; 如何将此数组转换为集合？更具体地说，是否可以在不迭代上述数组的情况下执行此操作？相对缺少文档（对于实例化集足够；对于转换，则足够）（如果可能的话）。 我可能还在考虑转换为Map，以通过密钥将其删除。我试图实现的是一个可迭代的集合，可以通过主要通过键（而不是索引）来访问元素来访问或修改该集合。 从数组到另一个的转换是最终目标。

144 javascript  arrays  set 

如果查看官方文档，我会看到一个名为HTML的属性： Name | Type | default | Description ---------------------------------------------------------------------------- html | boolean | false | Insert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks. 它说：“将html插入工具提示中”，但是类型是布尔值。如何在工具提示中使用复杂的html？

143 javascript  html  twitter-bootstrap-3  tooltip 

我正在学习ember.js，并且试图了解视图和组件之间的区别。我将两者都视为制作可重用组件的一种方式。 在Ember网站上查看： 通常仅出于以下原因在Ember.js中创建视图： -需要复杂的用户事件处理时 -要创建可重用组件时 从Ember网站上的组件： 组件是一个自定义HTML标记，您可以使用JavaScript实现其行为，并使用Handlebars模板描述其外观。它们使您可以创建可重用的控件，以简化应用程序的模板。 那么视图和组件之间的主要区别是什么？在我希望使用组件之上的视图，反之亦然的情况下，又有什么常见的例子呢？

143 javascript  ember.js  handlebars.js 

我想知道如何在JavaScript中处理国际化。我用谷歌搜索，但没有得到令人信服的答案： JavaScript是否具有对国际化的本地支持？ JavaScript中的i18n是什么？ 如何处理日历，货币，日期等？ 我已经阅读过JavaScript中的Internationalization。

143 javascript  internationalization 

伙计们，我有几个问题： switch语句和an 之间在JavaScript中是否存在性能差异if...else？ 如果可以，为什么？ 是的行为switch和if...else跨浏览器的不同？（FireFox，IE，Chrome，Opera，Safari） 提出这个问题的原因是，switch在Firefox中大约有1000多个案例的情况下，我似乎获得了更好的性能。 编辑 Unfortuantly这不是我的代码JavaScript是正在生产服务器端从编译的库，我要的代码的访问权限。产生javascript的方法称为 CreateConditionals(string name, string arrayofvalues, string arrayofActions) note arrayofvalues是用逗号分隔的列表。 它产生的是 function [name] (value) { if (value == [value from array index x]) { [action from array index x] } } 注意：其中[name]=传递给服务器端函数的名称 现在，我更改了要插入TextArea的函数的输出，编写了一些JavaScript代码以解析该函数​​，然后将其转换为一组case语句。 最后，我运行了该函数，并且运行良好，但是在IE和Firefox中性能有所不同。

143 javascript  cross-browser  conditional 

在开发过程中，我必须始终在Firefox中“清除缓存”，以使其使用最新版本的JavaScript文件。 是否有某种设置（about：config）可以完全关闭JavaScript文件的缓存？或者，如果不是，对于所有文件？

143 javascript  firefox  caching 

我想手动触发验证，包括使用jQuery Validate显示错误消息。 我要完成的方案是这样的形式： <form> <input id=i1> <button id=b1> <input id=i2> <button id=b2> </form> 单击时b1，仅i1应进行验证。点击时b2，仅i2应进行验证。但是，必须张贴所有字段。我怎样才能做到这一点？我考虑过处理click事件b1/b2并手动验证表单的一部分。

143 javascript  jquery  html  jquery-validate 

查看此代码： <a href="#" id="link">Link</a> <span>Moving</span> $('#link').click(function () { console.log("Enter"); $('#link').animate({ width: 200 }, 2000, function() { console.log("finished"); }); console.log("Exit"); }); 正如您在控制台中看到的那样，“动画”功能是异步的，它“分叉”了事件处理程序块代码的流程。事实上 ： $('#link').click(function () { console.log("Enter"); asyncFunct(); console.log("Exit"); }); function asyncFunct() { console.log("finished"); } 遵循块代码的流程！ 如果我希望function asyncFunct() { }以此行为创建自己的代码，该如何使用javascript / jquery进行创建？我认为这是不使用的策略 setTimeout()

143 javascript  jquery  function  asynchronous 

从Java脚本的路径中删除查询字符串的简单方法是什么？我已经看到了使用window.location.search的Jquery插件。我不能这样做：在我的情况下，URL是从AJAX设置的变量。 var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3&SortOrder=dsc'

143 javascript  jquery 

我真的是React Native的新手，我想知道如何隐藏/显示组件。 这是我的测试用例： <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> 我有一个TextInput组件，我想要的是TouchableHighlight在输入获得焦点时显示，然后TouchableHighlight在用户按下“取消”按钮时隐藏。 我不知道如何“访问”该TouchableHighlight组件以将其隐藏/显示在我的函数中showCancel/hideCancel。 另外，如何从一开始就隐藏按钮？

143 javascript  react-native 

我在某些网站上找到了此代码，并且效果很好。它验证电话号码是以下格式之一： （123）456-7890或123-456-7890 问题是我的客户（我不知道为什么，也许是客户的东西）想要添加另一种格式，即连续十个数字，如下所示：1234567890。 我正在使用这个正则表达式， /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/ 如何添加它还可以验证另一种格式？我对正则表达式不好。

143 javascript  regex 

Google一直对我没有帮助，因为搜索“ console.debug”只会显示一堆带有“ console”和“ debug”字样的页面。 我想知道console.log()和之间有什么区别console.debug()。有什么方法可以使用一堆console.debug()语句，然后只需轻按一下开关即可轻松地关闭所有调试语句，使其不发送到控制台（例如在启动站点之后）？

143 javascript  console  console.log  web-developer-toolbar 

当我考虑在ES6中重写它时，我打算将其发布给NPM，以适应将来的需求并学习ES6。我已经使用Babel移植到ES5，并运行测试。但是我不确定如何进行： 我是否要转换并把生成的/ out文件夹发布到NPM？ 我是否将结果文件夹包含在我的Github存储库中？ 还是我要维护2个存储库，一个使用Github的ES6代码+ gulp脚本，一个使用转换后的结果+ NPM测试？ 简而言之：我需要采取什么步骤将ES6编写的模块发布到NPM，同时仍然允许人们浏览/分叉原始代码？

143 javascript  node.js  npm  ecmascript-6  babeljs