我遇到了一个问题。我已经进行了悬停过渡。当鼠标在图像上移动时,它会在悬停和非悬停状态之间闪烁。当鼠标仍在图像上时,它会按其应有的方式工作。有人可以找到问题吗?
.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)嗨,我想使用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]
我正在通过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)
我试图弄清楚,但什么也没有。除了你们,我没有人要问。我希望我能得到答案。感谢任何方式:)
我从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) 我正在尝试替换标签之间的所有文本,我想知道最快的方式.
一个例子是尝试用任意字符串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)
我目前的做法是:
这对我来说非常慢,特别是尝试为大型文档执行此操作并且必须多次重复此过程.有更快的方法吗?
这与我一直试图做的类似,
var obj = {};
if(obj){
//do something
}
Run Code Online (Sandbox Code Playgroud)
我想要做的是当对象为空时条件应该失败.
我尝试使用JSON.stringify(obj),但它仍然有花括号('{}').
我想根据当前月份和年份显示对象
这将根据月份过滤对象,我也需要根据年份过滤对象。
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)
在这段代码中我有一个正常的下拉列表,我有一些城市名称.现在,当我通过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)
我正在尝试获取页面的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)
我有这个数组
[[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 ×7
html ×4
arrays ×2
css ×2
jquery ×2
json ×2
ajax ×1
angularjs ×1
api ×1
dom ×1
fetch ×1
html5 ×1
if-statement ×1
node.js ×1
object ×1
php ×1
reactjs ×1
spring-mvc ×1
typescript ×1