草庐IT

vue虚拟dom和diff算法

全部标签

javascript - Vue.js 1.0 方法不会在更改选择时触发

关注Vue.js1.0examples,我用v-model项目做了一个选择下拉列表,像这样:{{project}}SchoolPersonalWorkjs位:newVue({el:'#main',data:{project:''},methods:{changeProject:function(){console.log(this.project);}}});标签{{project}}显示正确,但是当我在选择下拉列表中选择另一个值时,它不会触发方法changeProject。我在这里错过了什么?干杯。编辑:在@mustafo的回答之后,我尝试使用@click方法创建一个简单的按钮并打印

javascript - Vue Tables 2 - 自定义过滤器

我正在尝试使用这个https://github.com/matfish2/vue-tables-2使用Vue2.1.8。它工作得很好,但我需要使用自定义过滤器根据它们的值等来格式化一些字段。在选项中我有这个:customFilters:[{name:'count',callback:function(row,query){console.log('seeme?');//Notfiringthisreturnrow.count[0]==query;}}]在文档中说我必须这样做:Usingtheeventbus:Event.$emit('vue-tables.filter::count',

javascript - 更改属性时延迟渲染 dom 元素

我目前在一次更新大量dom元素的属性时遇到性能问题。似乎每次我更改属性时,dom元素都会重新呈现。无论如何我可以延迟元素的渲染,直到我的所有更新都发生了吗?它在FF3和3.5中似乎比IE7和8慢很多,这与我的预期相反。下面是我正在做的一个例子。vart;for(vari=0;i问题是“tiles”中的项目数最多可以有100个dom元素。这才是性能问题真正体现出来的地方。 最佳答案 同意@Crimson但我认为最好隐藏您要更新的所有元素的父级,如果它们没有独占父级,请尝试创建一个。这样只有两个reflows会发生,一个发生在您隐藏ti

javascript - 什么是最好的 javascript 自动建议搜索算法

假设我有一个对象:varnames=["john","jane","al","mary","zane"...1000+Names]我想创建一个自动建议来搜索这些名称。最有效的方法是什么?我读过创建一个trie或三元数据结构是最好的,但我不确定如何在js中实现这些。有什么想法吗? 最佳答案 trie将是一个很好的解决方案。您的数据集看起来像这样:{"j":{"a":["jacob","jane",..],{"o":["john","joesph",..],..};您将逐个字符地索引尽可能深的层次(以便最内层的数组可能有20-30个条目

javascript - 自执行功能是否准备好在 dom 上运行?

在我听说自执行函数之前,我总是这样做:$(document).ready(function(){doSomething();});functiondoSomething(){//blah}自执行函数会产生同样的效果吗?它会在dom上运行吗?(functiondoSomething($){//blah})(jQuery); 最佳答案 没有。当Javascript引擎找到它时,一个自执行函数就会运行。但是,如果您在结束前将所有代码放在文档末尾标记(即highlyrecommended),那么您不必等待DOM准备就绪,因为您已经自动完成了

javascript - 从内存中移除 HTML 元素(DOM 节点)

根据mdndocumentationremoveChild方法从DOM中删除一个节点,但它仍然驻留在内存中。我的问题是我也想从内存中删除它。我已经尝试使用delete运算符,但对象仍然存在...myCanvas.parentElement.removeChild(myCanvas);//myCanvasactuallyremovedfromDOMdeletemyCanvas;//false.doesnothingalert(myCanvas);//showsHTMLCanvasElementinsteadofundefined 最佳答案

javascript - 自动放置流程图形状的算法

我的团队需要使用HTML5Canvas或D3库(或其他更合适的工具,欢迎提出建议)用JavaScript构建流程图生成器。流程图将从JSON文档中定义的有向图生成。我的问题如下:我们可以使用哪种标准算法来促进流程图中形状(图中节点)的自动放置,以最大限度地减少重叠连接的数量及其长度? 最佳答案 对于这类问题,力导向算法并不是最优的。我宁愿建议使用分层图绘制(http://en.wikipedia.org/wiki/Layered_graph_drawing)算法。这种算法的一个很好的JS实现是Dagre(https://github

javascript - 如何检查 Backbone.View 当前是否在 DOM 中呈现?

我想检查Backbone.View当前是否在DOM中呈现,如果没有,我不必重新呈现它。我能以某种方式检查吗?问候 最佳答案 好吧,理论上您可以查询DOM来找出答案,但这比仅仅设置一个实例变量并在渲染之前查询它要慢得多。另一方面,渲染方法(假设一切设置正确)只应在模型更改时调用,因此您的问题表明您可能没有按照应有的使用方式(MVC样式)使用View.但假设您需要这样做,设置一个this.rendered=true并在您的渲染方法中再次渲染之前检查它可能是最快和最简单的。 关于javascr

javascript - 将 Angular.js 应用于 Chrome 扩展内容脚本中的新 DOM 元素

好的,我已经研究了一段时间了。在红色框中,我想要一些Angular功能(ng-repeats、数据绑定(bind)等...)双击任何网页上的文本时会出现此红色框。但是,我似乎无法找到如何实际连接/连接到红色弹出窗口中的文本框示例的Angular。在chrome的徽章弹出窗口以及选项页面等中使用angular似乎相当微不足道......但我似乎无法在这种情况下让它工作。inject.js(作为内容脚本包含在list中,如下)vardisplayPopup=function(event){varmydiv=document.createElement('div');var$div=$('#

javascript - Vue.js 交换数组项

在我的vue.js应用程序中,我尝试像这样交换2个论坛行:exportdefault{data(){return{forums:[]}},methods:{increment(forum,index){ForumService.increment(forum).then(()=>{letb=this.forums[index];this.forums[index]=this.forums[index++];this.forums[index++]=b;});}}}但是没有任何反应?我在这里做错了什么? 最佳答案 虽然@dfsq关于i