Questions tagged «javascript»

我正在使用jquery模板在同一页面上动态生成多个元素。每个元素看起来像这样 <div id ="DynamicValueAssignedHere"> <div class="something">Hello world</div> <div class="formdiv"> <form name="inpForm"> <input type="text" name="FirstName" /> <input type="submit" value="Submit" /> </form> </div> </div> 我想使用Jquery在提交时处理表单。如果出现问题，我还想将表单值恢复为以前的值。我的问题是如何使用Jquery获取输入框的值？例如，我可以通过执行“ something”类来获得div的值 var something = $(#DynamicValueAssignedHere).children(".something").html(); 我希望以类似的方式检索文本框的值。现在，我尝试了 var text = $(#DynamicValueAssignedHere).children(".formdiv").findnext('input[name="FirstName"]').val(); 但它似乎不起作用

74 javascript  jquery 

我试图找到在自己的范围内运行for循环的最快方法。我比较的三种方法是： var a = "t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t,t".split(); // lodash .each -> 1,294,971 ops/sec lodash.each(a, function(item) { cb(item); }); // native .forEach -> 398,167 ops/sec a.forEach(function(item) { cb(item); }); // native for -> 1,140,382 ops/sec var lambda = function(item) { cb(item); }; for (var ix = 0, len = a.length; ix < len; …

74 javascript  performance  lodash 

一般而言，在“严格模式”下在浏览器中执行javascript是否会提高性能？是否有任何主流浏览器都进行了其他优化或使用了其他技术来提高严格模式下的性能？ 稍微改一下，严格模式是否旨在（除其他目标外）允许浏览器引入其他优化或其他性能增强功能？

74 javascript 

我正在尝试从jQuery中的字符串中删除字符串。 这是字符串： username1, username2 and username3 like this post. 我想username1,从此列表中删除。我尝试使用将列表添加到数组，.split(', ')但出现错误。我假设错误是因为不是每个单词后面都带有逗号。 我一直想从列表中删除第一项。username1只是一个示例用户名。如果他们喜欢此帖子，则第一项将始终是当前登录用户的用户名。 我试过了： var updated_list = $('#post_like_list').html().replace('username1, ', ''); $('#post_like_list').html(updated_list); 但这并没有更新列表。但是，使用时确实会更新列表.text()，.html()但是列表中有我需要保留的链接。

74 javascript  jquery  string 

我正在尝试使用编写一个简单的代码setTimeout，但setTimeout只是不愿等待该时间而该代码立即执行。我究竟做错了什么？ setTimeout(testfunction(), 2000);

74 javascript  settimeout 

我开始使用react-router v4。<Router>我的app.js中有一个简单的导航链接（请参见下面的代码）。如果我导航到localhost/vocabulary，路由器会将我重定向到正确的页面。但是，当我在之后按重新加载（F5）（localhost/vocabulary）时，所有内容消失并且浏览器报告Cannot GET /vocabulary。那怎么可能？有人可以给我任何解决方法的提示（正确重新加载页面）吗？ App.js： import React from 'react' import ReactDOM from 'react-dom' import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import { Switch, Redirect } from 'react-router' import Login from './pages/Login' import Vocabulary from './pages/Vocabulary' const appContainer = document.getElementById('app') ReactDOM.render( <Router> <div> <ul> <li><Link to="/">Home</Link></li> <li><Link to="/vocabulary">Vocabulary</Link></li> …

74 javascript  reactjs  routes  localhost  react-router 

假设我有一个对象： [ { 'title': "some title" 'channel_id':'123we' 'options': [ { 'channel_id':'abc' 'image':'http://asdasd.com/all-inclusive-block-img.jpg' 'title':'All-Inclusive' 'options':[ { 'channel_id':'dsa2' 'title':'Some Recommends' 'options':[ { 'image':'http://www.asdasd.com' 'title':'Sandals' 'id':'1' 'content':{ ... 我想找到一个id为1的对象。是否有类似这样的功能？我可以使用Underscore的_.filter方法，但是我必须从顶部开始然后向下过滤。

74 javascript  underscore.js 

我有一个使用ajax请求检索对象数组的父组件。 该组件有两个子组件：一个子组件以树结构显示对象，另一个子组件以表格式呈现其内容。父级通过@input属性将数组传递给子级，然后它们正确显示内容。一切都如预期。 当您更改对象内的某些字段时，会发生问题：子组件不会收到有关这些更改的通知。仅当您手动将数组重新分配给它的变量时，才会触发更改。 我已经习惯了使用Knockout JS，并且需要获得类似于observableArrays的效果。 我已经阅读了有关DoCheck的内容，但不确定如何运行。

74 javascript  angular  typescript 

我正在尝试使用HTML5可拖动API（尽管我意识到它有问题）。到目前为止，我遇到的唯一的难题是，我无法找到一种方法来确定当dragoverordragenter事件触发时正在拖动的内容： el.addEventListener('dragenter', function(e) { // what is the draggable element? }); 我意识到我可以假定这是触发dragstart事件的最后一个元素，但是...多点触控。我也尝试过使用e.dataTransfer.setDatafromdragstart来附加一个唯一的标识符，但是很显然，无法从dragover/访问数据dragenter： 仅在放置事件期间发生放置时，此数据才可用。 那么，有什么想法吗？ 更新：在撰写本文时，似乎没有在任何主要的移动浏览器中实现HTML5拖放，这实际上是关于多点触控的。但是，我希望有一个解决方案能够保证在该规范的任何实现中都可以使用，但这似乎并不妨碍同时拖动多个元素。 我在下面发布了一个可行的解决方案，但这是一个丑陋的hack。我仍然希望有一个更好的答案。

74 javascript  html  draggable 

如果猫鼬无法连接到数据库，如何设置错误处理的回调？ 我知道 connection.on('open', function () { ... }); 但是有什么类似的东西 connection.on('error', function (err) { ... }); ？

74 javascript  mongodb  node.js  mongoose 

我开始进行一些Web开发，并且正在学习有关表单的知识，并涉足了该领域：_lpchecked = "1"。 我在这个StackOverflow问题中找到了带有此字段的表单示例， 大的文本输入使http发布失败，或者在jQuery Formwizard插件的此示例页面中

74 javascript  html  forms 

我有一个组件，该组件获取作为道具的项目map集合，并将其作为呈现为父组件子项的组件集合。我们使用存储WebSQL为字节数组的图像。在map函数中，我从项目中获取图像ID，并异步调用，DAL以获取图像的字节数组。我的问题是我无法将诺言传播到React中，因为它不是设计来处理渲染中的诺言的（无论如何我还是不能说的）。我来自C#背景，所以我猜我在寻找类似await关键字的内容来重新同步分支代码。 该map函数看起来像这样（简化）： var items = this.props.items.map(function (item) { var imageSrc = Utils.getImageUrlById(item.get('ImageId')); // <-- this contains an async call return ( <MenuItem text={item.get('ItemTitle')} imageUrl={imageSrc} /> ); }); 该getImageUrlById方法如下所示： getImageUrlById(imageId) { return ImageStore.getImageById(imageId).then(function (imageObject) { //<-- getImageById returns a promise var completeUrl = getLocalImageUrl(imageObject.StandardConImage); return completeUrl; }); } 这是行不通的，但是我不知道我需要修改什么才能使它工作。我尝试向链中添加另一个Promise，但是由于我的render函数返回一个Promise而不是合法的JSX，因此出现错误。我当时在想，也许我需要利用一种React生命周期方法来获取数据，但是由于我需要props已经存在该方法，所以我不知道该在哪里进行操作。

74 javascript  reactjs  q 

JS： <script type="text/css"> $(function() { $('#upper').keyup(function() { this.value = this.value.toUpperCase(); }); }); </script> 的HTML <div id="search"> <input type="radio" name="table" class="table" value="professor" tabindex="1" /> Professor <input type="radio" name="table" class="table" value="department" tabindex="2" /> Department <input type="radio" name="table" id="upper" class="table" value="course" tabindex="3" /> Course <input type="text" name="search" class="keywords" value="Select an option..." onclick="this.value='';" onfocus="this.select()" …

74 javascript  jquery 

我有一个像这样的JavaScript对象： id="1"; name = "serdar"; 我有一个包含上面许多对象的数组。我如何从该数组中删除一个对象，例如： obj[1].remove();

74 javascript  arrays  object 

我已经浏览了几个问题，以确定是否正在播放HTML5元素，但找不到答案。我看过W3文档，它有一个名为“播放”的事件，但是我似乎无法使其正常工作。 这是我当前的代码： var stream = document.getElementsByTagName('video'); function pauseStream() { if (stream.playing) { for (var i = 0; i < stream.length; i++) { stream[i].pause(); $("body > header").addClass("paused_note"); $(".paused_note").text("Stream Paused"); $('.paused_note').css("opacity", "1"); } } }

74 javascript  html  video  html5-video  dom-events