草庐IT

vue虚拟dom和diff算法

全部标签

javascript - 如何在 Vue.js 中获取随机元素

我有3个英雄图片及其内容,我想在用户刷新页面时随机显示它们!基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大,并且通过使用Jquery,所有这3个图像开始加载DOM影响页面速度。在Vue.js中是否有任何解决方案可以在用户刷新页面时一次加载一个特定的div,而不是所有3个div!?LipsumHeadingLipsumdummycontentbodytestdummygoeshere.jQuery代码:mounted(){varrandom=Math.floor(Math.random()*$('.slider-item').length);$('.s

javascript - 单击事件时从 jquery 触发 vue 方法

我正在尝试将点击事件附加到已存在的dom元素。...我似乎无法在我的jquery单击处理程序中访问外部vue方法。它将抛出logDataisnotdefined。newVue({el:'#events',mounted(){$('.logMe').on('click',function(){constdata=$(this).data('log-id');this.logData(data);//throwslogDataisnotdefined});},methods:{logData(id){console.log(id);//neverfires...hitserver},},}

javascript - 如何在自定义组件中使用 Vue.js 插件?

我需要输出一个表格,它的内容可以通过Ajax更新。所以我打算使用vue-tables-2(https://github.com/matfish2/vue-tables-2),这是一个Vue.js插件。使用Laravel方式,我正在编写一个Vue.js自定义组件,那么如何在我的组件中使用vue-tables-2插件?这里是一个如何使用插件的例子https://jsfiddle.net/matfish2/jfa5t4sm/.不幸的是,示例中没有将插件包装在组件中。 最佳答案 您可以通过两种方式使第三方组件对您的自定义Vue组件可用:1。

javascript - 如何使用 Vue 命名插槽呈现静态内容列表?

我无法弄清楚如何让以下内容工作:我的父模板link1link2我的组件comp模板如下所示:目前我所有的anchor都转到那个li标签(这是预期的)但我希望能够为我插入的每个命名插槽生成多个li,如下所示:link1link2有什么方法可以在不使用作用域插槽的情况下实现我所需要的吗?因为我的内容是纯HTML,所以我觉得没有必要将静态内容放在prop中来渲染它们。据我所知,大多数vueUI框架都要求您为列表项使用另一个自定义组件,我觉得这个问题已经过头了。还有其他方法吗? 最佳答案 这可以通过渲染函数轻松完成。Vue.componen

javascript - 没有 Vue 可以使用 Vuex 吗? (Vuex 服务器端?)

Vuex提示如果不调用Vue.use(Vuex)就无法创建商店的新实例。虽然这通常没问题,但我正在摆弄使用同一商店编写后端/前端的想法。有人知道答案吗?谢谢。 最佳答案 TL;DRyoucanperfectlyuseVuexinnode(withoutabrowser),evenforunittesting.Internally,though,VuexstillusessomecodefromVue.没有Vue就无法使用Vuex。因为:VuexchecksfortheexistenceofVue.Vuexdependslargely

javascript - 子组件的 v-model 和子组件 Vue 中的 v-model

有没有办法简化这段代码?该按钮还应更改子项的localValue。Vue.component('my-input',{template:`MyInput:localValue:{{localValue}}`,props:['value'],data(){return{localValue:this.value}},watch:{value(){this.localValue=this.value},localValue(){this.$emit('input',this.localValue)}}})newVue({el:'#app',data:()=>({parentValue:'I

javascript - 释放 Javascript 中未附加的 DOM 节点使用的内存

作为我的应用程序的一部分,我将一组不会同时显示的小型Dom节点放在一起。我将它们存储在一个内部数组中。用户可以调用他们的显示,在这种情况下,我将它们重新设置为用于显示它们的div。这一切都很好。但是当需要用新的替换它们时,我想销毁旧的(有效地释放它们)。否则,随着时间的推移,内存使用量可能呈指数级增长。如何强制浏览器js引擎执行此操作?只是将我的Dom节点数组中的每个项目都设置为null就足够了吗?还有什么我必须做的吗?或者也许我根本不必担心这个? 最佳答案 如果您将每个项目设置为null,它们将被自动垃圾回收。

javascript - 插入或拖动后重新索引对象数组的算法 'n' 放置顺序更改

假设我有一个对象的索引数组,例如包含流行民歌台词的对象;)varlyrics=[{line:2,words:"He'salumberjackandhe'sokay"},{line:1,words:"I'malumberjackandI'mokay"},{line:3,words:"Hesleepsallnightandheworksallday"}];我的比较器将根据每个对象的索引在View中显示对象。我希望能够在此阵列上执行三个任务:任务1)在拖放时重建索引通过拖放重新排列对象的顺序。假设我已经知道如何实现拖放。任务示例:将“He'salumberjackandhe'sokay”从索

Javascript:DOM 异常:INVALID_CHARACTER_ERR (5)

我使用新的IE9测试了我的网站,但我收到错误消息INVALID_CHARACTER_ERR(5)。在IE9中,开发人员工具突出显示了这一行。谁能帮我解决这个错误?错误行this.iframe=document.createElement('');FunctionCode__createDivs:function(){this.divs_transparentDiv=document.createElement('DIV');this.divs_transparentDiv.className='modalDialog_transparentDivs';this.divs_transpa

javascript - 了解 Express Node.js 中的虚拟主机

我试图了解vhost在ExpressJS中的实际工作方式。这是一个工作代码示例(忘了我从哪里提取的)://--insideindex.js--varEXPRESS=require('express');varapp=EXPRESS.createServer();app.use(EXPRESS.vhost('dev.example.com',require('./dev').app));app.listen(8080);//--insidedev.js--varEXPRESS=require('express');varapp=exports.app=EXPRESS.createServ