小编Ali*_*ich的帖子

我有3个英雄图像及其内容,我想在用户刷新页面时随机显示它们!

基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大并且通过使用Jquery,所有这3个图像开始加载,DOM这会影响页面的速度.

在Vue.js中是否有任何解决方案可以一次加载一个特定div的,而不是divs用户刷新页面时全部3个!？

<div class="slider-item"> <img src="../../../static/img/slides/slide1.png" alt="Hello"> 
       <div class="carousel-caption"> 
           <h2>Lipsum Heading</h2> 
               <h4>Lipsum dummy content body test dummy goes here.</h4> 
       </div> 
   </div>

jQuery代码:

mounted()
{
 var random = Math.floor(Math.random() * $('.slider-item').length);
 $('.slider-item').eq(random).show();
},

我有两个数组。第一个是索引数组，第二个是对象数组。它们看起来像这样：

var nums = [0, 2];
var obj = [Object_1, Object_2, Object_3];

在这种特殊情况下，我需要删除obj除obj[0]and之外的所有 " " 元素obj[2]。所以结果将如下所示：

obj = [Object_2]

也有可能出现nums = [0, 1, 2]和obj = [Object_1, Object_2, Object_3]; 在这种情况下，我不需要删除任何元素。

“ obj”长度总是大于“nums”长度。

所以我开始只找到我需要保存的元素：

nums.forEach(function(key) {
    obj.forEach(function(o, o_key) {
        if (key === o_key) {
            console.log(key, o);
            // deleting remaining elements
        }
    });
});

问题：如何删除不符合我的条件的元素？我不需要新数组，我想修改现有的“obj”数组。我怎样才能实现这个功能？或者我应该使用其他一些技术？

我试图将包含字符串值的对象数组转换为基于其他对象数组的id值.这是阵列.

const employees = [
  {
    name: 'bob',
    department: 'sales',
    location: 'west'
  },
  {
    name:'fred',
    department: 'sales',
    location: 'west'
  },
  {
    name:'josh',
    department: 'inventory',
    location: 'east'
  },
  {
    name: 'mike',
    department: 'quality assurance',
    location: 'north'
  }
];

const departments = [
 {
    dep: 'sales',
    id: 12
 },
 {
    dep:'quality assurance',
    id: 11
 },
 {
    dep:'inventory',
    id: 13
 }
];

const locations = [
  {
    region: 'west',
    id: 3
  },
  {
    region:'north',
    id: 1
  },
  {
    region:'east',
    id: 2
  },
  { …