草庐IT

自动化Nginx

全部标签

javascript - 为什么 React JS 不自动为动态子项生成 key ?

在编写ReactJS代码时,我必须为动态子项提供key。例如:render(){const{options}=this.stateconstavailableOptions=options.map(opt=>{return({opt.displayValue}})}return({availableOptions})}我明白为什么他们的key在那里。但为什么我必须给他们?不能仅仅分配一个流水号或UUIDv4或其他东西来使用react吗?相关文档:http://facebook.github.io/react/docs/multiple-components.html#dynamic-c

javascript - jQuery 在悬停时打开 div;自动滚动

我有一个UL列表,里面有几个链接,每个项目都链接到它自己的DIV。当用户将鼠标悬停在UL链接上时,会显示正确的DIV框。这是我的HTML代码:Link1Link2Link3Somethinggoeshere1Somethinggoeshere2Somethinggoeshere3以及让它工作的JavaScript(不是JavaScript专家,抱歉):$(function(){var$boxes=$('.boxlink');$('.productlist.product-link').mouseover(function(){$boxes.hide().filter('#box'+th

javascript - contenteditable 元素中类似标签的自动完成和插入符号/光标移动

我正在开发一个jQuery插件,它可以让你做@username样式标签,就像Facebook在其状态更新输入框中所做的那样。我的问题是,即使经过数小时的研究和实验,简单地移动插入符号似乎真的很难。我设法注入(inject)了用某人的名字标记,但在它后面放置插入符号似乎是火箭科学,特别是如果它应该在所有浏览器中工作。而且我什至没有考虑替换输入的@username带有标签的文本,而不是像我现在正在做的那样注入(inject)它...大声笑StackOverflow上有大量关于使用contenteditable的问题,我想我已经阅读了所有这些问题,但它们并没有真正涵盖我需要的内容。因此,任何

javascript - 如何为 extjs hbox 布局设置自动高度?

我有这个布局,一旦我设置了一些数据动态布局就不会调整大小,最终结果是这样的这是我使用的代码win=Ext.create('widget.window',{title:'LayoutWindow',closable:true,closeAction:'hide',width:750,height:500,layout:'fit',animCollapse:true,bodyPadding:5,items:[{xtype:'container',layout:'hbox',align:'stretch',items:[{xtype:'fieldset',flex:1,title:'Deta

JavaScript 自动加载器?

是否有解决方案可以让我在需要时自动加载JavaScript/jQuery依赖文件?例如,考虑这种情况:我有一个自动加载器脚本,用于监听何时需要加载特定脚本。调用jQuerydialog()插件。自动加载器被告知监听此插件何时被调用,并加载jQueryUI。如果以后调用更多对话框,将不会加载所需的脚本。仅仅尝试限制带宽是否需要付出太多努力?我是否应该只将所有核心文件包含在一个super包中并完成它?感谢您的宝贵时间。 最佳答案 是的,您应该将所有脚本包含在一个文件中。或者至少它们中的大多数是这样分组的:jquery.js、global

javascript - 自动分配焦点是否不利于可访问性?

如果我有一个表单是页面内容的主要部分,在页面加载时通过JavaScript将焦点分配给第一个表单字段是否会对可访问性产生负面影响? 最佳答案 简短的回答是不,它不会让事情变得不可访问,但它会让事情变得困惑。更长的答案如下。您的用户是否知道将进入一个带有表单的页面,并且在填写表单之前是否需要阅读任何描述性文本?我是屏幕阅读器用户,将注意力集中在随机字段中可能会很烦人。很清楚为什么您的焦点会出现在Google搜索框中,所以这不会打扰我。如果每次我在Stackoverflow上查看问题时我的焦点都自动放在答案编辑字段中,我会很生气,因为我

javascript - Angularjs jquery UI 自动完成

我正在尝试在Angular指令中实现jquery的自动完成功能。我收到的源数据来自websocket响应。它不起作用,我认为响应延迟是导致这里问题的原因。如果有人可以阐明下面的代码,我将不胜感激。是否有任何优雅的技术可以使用某种请求/响应或promise来实现这一点?app.directive('autoComplete',function($rootScope,locationAutoCompleteService,$timeout,$http,programLocationModel){return{restrict:'A',scope:{serviceType:'@service

javascript - Vuetify 的自动对焦仅适用于第一个模式打开

我正在尝试使用Vuetify的v-text-fieldautofocus但是它只在第一次使用。关闭对话框后,它就不再起作用了。这就是我想要做的:在谷歌搜索时我发现它是一个bug这在某些版本中已修复,但他们有我也尝试过的临时解决方案:watch:{dialog:(val)->if!valdebuggerrequestAnimationFrame(=>@$refs.focus.focus())}我是做错了什么还是仍然是一个错误?设置断点我看到它在那一点停止。谁能引导我走向正确的方向?唯一的区别是我使用的是Vuex并且对话框变量在Vuex存储中。对话框是getter/setter。dialo

javascript - 使用 trie 自动完成

我正在编写一个自动完成脚本,并且正在考虑使用trie。我的问题是我想要返回匹配的所有内容。因此,例如,我输入字母r我希望返回所有以r开头的条目。然后是所有以re等开头的条目。这对trie来说是否可行,它是如何工作的。另外,如果有更好的方法,我愿意接受建议。我问的原因是,返回r分支的所有节点似乎很复杂,需要大量处理。是的,我可能正在重新发明轮子,但我想了解它是如何工作的。 最佳答案 您完全可以使用trie树来做到这一点。这是我拼凑的一些代码,可以为您指明正确的方向:vartokenTree=function(tokenArray){v

javascript - Bootstrap Typeahead - 不要自动选择第一项?

我正在使用thisforkoftheTwitterBootstraptypeaheadlibrary,它允许异步数据源以及onselect事件。到目前为止,它对我来说效果很好,但是当用户跳出该字段时(即没有主动选择下拉条目),将触发onselect事件(在我的例子中,将用户重定向到另一个页面)。如果用户不点击,有什么办法可以阻止onselect事件被触发?到目前为止,这是我得到的(在CoffeeScript中):$(document).ready->$('#inspection_name').typeahead(source:(typeahead,query)->$.ajax(url: