小编mpl*_*jan的帖子

为什么悬停时会闪烁?

我遇到了一个问题。我已经进行了悬停过渡。当鼠标在图像上移动时,它会在悬停和非悬停状态之间闪烁。当鼠标仍在图像上时,它会按其应有的方式工作。有人可以找到问题吗?

.belowcont {
  width: 100%;
  height: 200px;
  border: 1px dashed black;
  margin-top: 2px
}

.circles {
  width: 180px;
  height: 180px;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Intersection_of_3_circles_7.svg/1200px-Intersection_of_3_circles_7.svg.png);
  background-size: 100%;
  background-image: no-repeat;
  ;
  border-radius: 50%;
  margin-left: 120px;
  margin-top: 10px;
  float: left;
  margin-left: 120px;
  margin-top: 10px;
  float: left;
}

.circleimg {
  width: 180px;
  height: 180px;
  border-radius: 50%;
}

.circleimg:hover {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  position: absolute;
  z-index: -100;
  transition: all 1s linear;
}

.circleimg:hover~.circletext {
  visibility: visible;
}

.circletext {
  color: black;
  width: 160px;
  text-align: …
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
1
解决办法
9934
查看次数

使用jquery ajax下载Excel文件

嗨,我想使用spring mvc ajax调用下载XLX文件。以下是我对服务器的ajax调用。

 $.ajax({
    type : 'GET',
    url : 'downloadExcel',
    beforeSend : function() {
        startPreloader();
    },
     complete: function(){
         stopPreloader();
     },
    success : function(response){
        console.log(response);
            var blob = new Blob([response], { type: 'application/vnd.ms-excel' });
            var downloadUrl = URL.createObjectURL(blob);
            var a = document.createElement("a");
            a.href = downloadUrl;
            a.download = "downloadFile.xlsx";
            document.body.appendChild(a);
            a.click();
    }
});
Run Code Online (Sandbox Code Playgroud)

这是我的服务器代码

@RequestMapping(value = "/downloadExcel", method = RequestMethod.GET)
    @ResponseBody
    public List<LicenceType> downloadExcel() {
        return licenceTypeService.findAllLicenceType();
    }
Run Code Online (Sandbox Code Playgroud)

我的代码实际上下载了excel文件,但是在excel表格上它显示为 [Object][Object]

ajax jquery spring-mvc

5
推荐指数
1
解决办法
1万
查看次数

audio.play() 不是函数。

我正在通过http://wesbos.com进行这个 Javascript (vanilla JS) 30 天挑战 。我尽量不看第一个挑战的参考代码。

无论如何,我试图让这段代码工作,但我最终得到这个错误:“未捕获的类型错误:audElem.play 不是函数

这是我的代码:

function functionA( item){

  //  alert("HEYYY")
  item.classList.add("playing");

  var audElem= item.getElementsByTagName('audio') [0].getElementsByTagName('source')[0];

  var song= audElem.getAttribute('src');
  song.currentTime=0;
  song.play();
}
Run Code Online (Sandbox Code Playgroud)

这是 html 部分:

<li class="flex-item " > A  

  <span class="flex-SubItem"> <br />  BOOM </span> 

  <audio id="boom" >
   <source src="sound-effects/boom.mp3" type="audio/mpeg">
  </audio>
</li>
Run Code Online (Sandbox Code Playgroud)

我试图弄清楚,但什么也没有。除了你们,我没有人要问。我希望我能得到答案。感谢任何方式:)

html javascript

5
推荐指数
1
解决办法
2万
查看次数

在React中将字符串转换为日期

我从JSON对象中以字符串格式检索了一个日期变量,但是直到现在为止我都无法获得经过的时间。

import React from 'react';

export default class Date extends React.Component {
render() {

    console.log(this.props.date); //shows: 2017-01-25T10:18:18Z

    var date = Date.parse(this.props.date.toString());

    console.log(date.getTime());

    return (
        <div >
      </div>
    );
   }
}
Run Code Online (Sandbox Code Playgroud)

javascript json reactjs

5
推荐指数
1
解决办法
2万
查看次数

更快地替换所有dom元素中的文本?

我正在尝试替换标签之间的所有文本,我想知道最快的方式.

一个例子是尝试用任意字符串helloWorld替换所有文本,这样:

<div>
    <div>
        RandomText1
        <div>
            RandomText2
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

变成这样:

<div>
    <div>
        helloWorld
        <div>
            helloWorld
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我目前的做法是:

  • 在DOM上进行深度优先搜索(DFS)
  • 对于每个元素进行解析并确定哪个部分是文本以及哪个部分是元素.
  • 对于文本部分替换它.

这对我来说非常慢,特别是尝试为大型文档执行此操作并且必须多次重复此过程.有更快的方法吗?

html javascript html5 dom dom-traversal

5
推荐指数
1
解决办法
1301
查看次数

使用空对象作为条件if循环的参数

这与我一直试图做的类似,

var obj = {};
if(obj){
//do something
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是当对象为空时条件应该失败.

我尝试使用JSON.stringify(obj),但它仍然有花括号('{}').

javascript if-statement angularjs

5
推荐指数
2
解决办法
1068
查看次数

根据月份和年份过滤对象数组

我想根据当前月份和年份显示对象

这将根据月份过滤对象,我也需要根据年份过滤对象。

var array = [{
    title: "a",
    date: "2018-03-29"
  }, {
    title: "b",
    date: "2018-04-13"
  }, {
    title: "c",
    date: "2018-04-12"
  }, {
    title: "leave",
    date: "2018-04-11"
  }, {
    title: "d",
    date: "2018-06-16"
  }],
  currentMonth = new Date().getMonth() + 1,
  events = array.filter(e => {
    var [_, month] = e.date.split('-'); // Or, var month = e.date.split('-')[1];
    return currentMonth === +month;
  });
console.log(events);
Run Code Online (Sandbox Code Playgroud)

javascript arrays object typescript

5
推荐指数
1
解决办法
1970
查看次数

如何使用jquery ajax获取api数据?

在这段代码中我有一个正常的下拉列表,我有一些城市名称.现在,当我通过jquery更改任何城市时,我真正想要的是我想json在我的警报框中获取数据,但尚未使用.我不知道为什么?那么,我该怎么办呢?

$(document).ready(function() {
  $("#city").change(function() {
    name = $(this).val();
    console.log(name);
    $.ajax({
      type: "POST",
      dataType: "json",
      data: {
        "name": name
      },
      url: "http://postalpincode.in/api/postoffice/" + name,
      success: function(data) {
        console.log(data);
      }
    });
  });
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="city" id="city">
  <option value="">Select City</option>
  <option value="delhi">delhi</option>
  <option value="ghaziabad">ghaziabad</option>
  <option value="noida">noida</option>
  <option value="meerut">meerut</option>
</select>
Run Code Online (Sandbox Code Playgroud)

php api jquery json

5
推荐指数
1
解决办法
3204
查看次数

如何使用提取API填充DIV?

我正在尝试获取页面的html(一旦我可以正常工作,我将在请求的页面中获取特定的Div),然后将此页面打印到我的id="data"div中。我可以在诺言中看到信息,但是我无法访问该信息。

const proxyurl = "https://cors-anywhere.herokuapp.com/";
const url = "https://www.booking.com"; // site that doesn’t send Access-Control-*
fetch(proxyurl + url) // https://cors-anywhere.herokuapp.com/https://example.com
  .then(response => response)
  .then(data => {
    console.log(data.text());
    return document.getElementById('data').innerHTML = data.text();
  })
  .catch((err) => console.log("Can’t access " + url + " response. Blocked by browser?" + err));
Run Code Online (Sandbox Code Playgroud)
<div id='data'></div>
Run Code Online (Sandbox Code Playgroud)

html javascript css fetch

5
推荐指数
1
解决办法
420
查看次数

如何从数组中删除子数组中具有相同元素的所有组合?

我有这个数组

[[1,2,3],[4,1,6],[1,3,2],[1,2,4],[3,1,2],[4,6,1],[9,9,9]]

我想要一个执行此操作的函数:

[[1,2,3],[4,1,6],[1,2,4],[9,9,9]].

此函数删除所有具有相同值的子数组。

我想过这样的过滤器

.filter(el => el.filter(value => array2.includes(value)))

但我不认为它会奏效。

PS:我使用 node.js

编辑:奇怪的是,您的许多答案都与示例完美配合,但在我真正的程序中不起作用......事实上,我使用对象而不是数字。像这样:[[obj,obj,obj],[obj,obj,obj],[obj,obj,obj]]。但我不知道为什么它可以使用数字而不是对象...

EDIT2:我现在给出最小的例子,这个对象:

注意实际数组可以有 20,000 个项目

  [
      [
        { name: 'Dofawa', item_type: 'Dofus', level: 6 },
        {
          name: 'Dofus Cawotte',
          item_type: 'Dofus',
          level: 6
        },
        {
          name: 'Dofus Kaliptus',
          item_type: 'Dofus',
          level: 6
        }
      ],
      [
        { name: 'Dofawa', item_type: 'Dofus', level: 6 },
        {
          name: 'Dofus Emeraude',
          item_type: 'Dofus',
          level: 6
        },
        {
          name: 'Dofus Ocre',
          item_type: 'Dofus',
          level: 6
        }
      ],
      [ …
Run Code Online (Sandbox Code Playgroud)

javascript arrays node.js

5
推荐指数
1
解决办法
116
查看次数