Questions tagged «javascript»

当我们有一个包含空格字符的字符串时： var str = ' A B C D EF '; 并且我们想从字符串中删除空格（我们想要这样做：）'ABCDEF'。 这两个： str.replace(/\s/g, '') 还有这个： str.replace(/\s+/g, '') 将返回正确的结果。 这是否意味着+在这种情况下是多余的？在这种情况下，这两个正则表达式之间是否有区别（例如，它们可以以任何方式产生不同的结果）吗？ 更新：性能比较-/\s+/g更快。看到这里：http : //jsperf.com/s-vs-s

87 javascript  regex 

我有一个需要循环浏览的嵌套JSON对象，每个键的值可以是String，JSON数组或另一个JSON对象。根据对象的类型，我需要执行不同的操作。有什么方法可以检查对象的类型以查看它是String，JSON对象还是JSON数组？ 我尝试使用typeof和，instanceof但两者似乎都无法正常工作，因为这typeof将同时为JSON对象和数组返回一个对象，而instanceof当我这样做时会出现错误obj instanceof JSON。 更具体地说，在将JSON解析为JS对象之后，有什么方法可以检查它是否是普通字符串，还是具有键和值的对象（来自JSON对象），还是数组（来自JSON数组） ）？ 例如： JSON格式 var data = "{'hi': {'hello': ['hi1','hi2'] }, 'hey':'words' }"; 示例JavaScript var jsonObj = JSON.parse(data); var path = ["hi","hello"]; function check(jsonObj, path) { var parent = jsonObj; for (var i = 0; i < path.length-1; i++) { var key = path[i]; if (parent …

87 javascript  json 

最近开始深入研究JSON，而我目前正在尝试使用数字作为“标识符”，但效果不太理想。foo:"bar"可以正常工作，而0:"bar"不能。 var Game = { status: [ { 0:"val", 1:"val", 2:"val" }, { 0:"val", 1:"val", 2:"val" } ] } alert(Game.status[0].0); 有什么办法可以通过以下方式做到这一点？这样的事情Game.status[0].0会让我的生活更轻松。当然，还有其他解决方法，但是这种方法是首选。

87 javascript  json  identifier 

我有以下代码： document.oncontextmenu = function(evt) { evt = evt || window.event; console.log(evt.target, evt.toElement, evt.srcElement); }; 通过在上单击鼠标右键<div class="foo"></div>，可返回以下内容： div.foo，div.foo，div.foo 通过在上单击鼠标右键<input>，可返回以下内容： 输入输入输入 所有人似乎都带来相同的结果。是否存在其中一种用途与其他用途不同的情况？

87 javascript  javascript-events 

我有一个chrome扩展程序，它可以连接到devtools中。理想情况下，我想要一个徽章，单击该徽章可在我创建的新选项卡上打开devtools。有什么方法可以从后台页面执行此操作吗？

87 javascript  google-chrome-extension  google-chrome-devtools 

我计划将其与JavaScript配合使用以裁剪图像以适合整个窗口。 编辑：我将使用仅接受如下形式的长宽比的第三方组件：4:3，16:9。

87 javascript  algorithm  crop  aspect-ratio 

我总共使用n00b，HTML5并且正在使用canvas渲染形状，颜色和文本。在我的应用程序中，我有一个视图适配器，可以动态创建画布，并在其中填充内容。这非常有效，除了我的文本非常模糊/模糊/拉伸。我还看到了许多其他文章，关于为什么定义in的宽度和高度CSS会导致此问题，但我在中都进行了定义javascript。 相关代码（查看Fiddle）： var width = 500;//FIXME:size.w; var height = 500;//FIXME:size.h; var canvas = document.createElement("canvas"); //canvas.className="singleUserCanvas"; canvas.width=width; canvas.height=height; canvas.border = "3px solid #999999"; canvas.bgcolor = "#999999"; canvas.margin = "(0, 2%, 0, 2%)"; var context = canvas.getContext("2d"); ////////////////// //// SHAPES //// ////////////////// var left = 0; //draw zone 1 rect context.fillStyle = …

87 javascript  html  html5-canvas 

我是一个Webpack新手，想了解所有相关知识。我在运行Webpack时告诉我： ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js 我应该怎么做才能避免冲突？ 这是我的webpack.config.js： module.exports = { context: __dirname + "/app", entry: { 'javascript': "./js/app.js", 'html': "./index.html", }, output: { path: __dirname + "/dist", filename: "app.js", }, resolve: { extensions: ['.js', '.jsx', '.json'] }, module: { …

87 javascript  node.js  webpack  config  conflict 

许多工具/ API提供了选择特定类或ID的元素的方法。也可以检查浏览器加载的原始样式表。 但是，对于浏览器渲染元素而言，它们将编译所有CSS规则（可能来自不同的样式表文件）并将其应用于元素。这是您在Firebug或WebKit Inspector中看到的-元素的完整CSS继承树。 如何在不需要其他浏览器插件的情况下用纯JavaScript重现此功能？ 也许一个例子可以为我正在寻找的东西提供一些澄清： <style type="text/css"> p { color :red; } #description { font-size: 20px; } </style> <p id="description">Lorem ipsum</p> 在这里，p＃description元素应用了两个CSS规则：红色和20 px的字体大小。 我想找到这些计算CSS规则的来源（颜色来自p规则，依此类推）。

87 javascript  css 

在Angular 1.x中，有时我需要发出多个http请求并对所有响应进行处理。我将所有的承诺都放在一个数组中并调用Promise.all(promises).then(function (results) {...})。 Angular 2最佳实践似乎指向使用RxJSObservable代替http请求中的Promise 。如果我从http请求创建了两个或多个不同的Observable，那么是否有等效于的Promise.all()？

87 javascript  angularjs  rxjs  observable 

我遇到了mongo的奇怪行为，我想澄清一下... 我的要求很简单：我想在集合中获取单个文档的大小。我发现了两种可能的解决方案： Object.bsonsize-一些应返回字节大小的javascript方法 db.collection.stats（）-其中有一行“ avgObjSize”，可在数据上生成一些“聚合的”（平均）大小视图。它仅表示单个文档的平均大小。 当我仅使用一个文档创建测试集合时，两个函数都返回不同的值。这怎么可能？ 是否存在其他获取mongo文档大小的方法？ 在这里，我提供一些我执行测试的代码： 我创建了新的数据库“ test”并输入仅具有一个属性的简单文档：type：“ auto” db.test.insert({type:"auto"}) stats（）函数调用的输出：db.test.stats（）： { "ns" : "test.test", "count" : 1, "size" : 40, "avgObjSize" : 40, "storageSize" : 4096, "numExtents" : 1, "nindexes" : 1, "lastExtentSize" : 4096, "paddingFactor" : 1, "systemFlags" : 1, "userFlags" : 0, "totalIndexSize" : 8176, …

87 javascript  mongodb  document  objectid  objectsize 

我需要提取表中每列的详细信息。例如，列“名称/编号”。 该表包含多个地址 每行的最后一列都有一个按钮，使用户可以选择列出的地址。 问题：我的代码仅选择<td>具有类的第一个nr。我该如何工作？ 这是jQuery位： $(".use-address").click(function() { var id = $("#choose-address-table").find(".nr:first").text(); $("#resultas").append(id); // Testing: append the contents of the td to a div }); 表： <table id="choose-address-table" class="ui-widget ui-widget-content"> <thead> <tr class="ui-widget-header "> <th>Name/Nr.</th> <th>Street</th> <th>Town</th> <th>Postcode</th> <th>Country</th> <th>Options</th> </tr> </thead> <tbody> <tr> <td class="nr"><span>50</span> </td> <td>Some Street 1</td> <td>Leeds</td> …

87 javascript  jquery  button  onclick  html-table 

无论如何，我们是否可以使用JavaScript知道控制面板->区域和语言设置中使用的短日期格式？ 我知道结合使用以下方法，我们可以获得Locale Long Name格式 toString() toLocaleString() toLocaleDateString() toLocaleTimeString() 但是JavaScript中没有像这样的直接函数toLocaleShortDateString()。 有没有可用的脚本来找出用户设置是什么？ 谢谢。

87 javascript  datetime 

在ES6中筛选或映射节点列表的最有效方法是什么？ 根据我的阅读，我将使用以下选项之一： [...nodelist].filter 要么 Array.from(nodelist).filter 您会推荐哪一个？是否有更好的方法，例如不涉及数组？

87 javascript  arrays  filter  ecmascript-6  nodelist 

我想要一个可以捕获用户的用户代理并将其支持给属性的脚本。 我正在制作网站问题联系表格，通常需要知道用户使用的是哪种浏览器。如何检测用户代理字符串并将其支持为输入元素的值。 我的html看起来像： <input type="hidden" id="UserAgent" name="User Agent" /> 我希望将用户代理添加为value属性，使其看起来像： <input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

87 javascript  jquery  attributes  user-agent  prop