小编Dom*_*Dom的帖子
HTML输入="文件"接受属性文件类型(CSV)
我的页面上有一个文件上传对象:
<input type="file" ID="fileSelect" />
在我的桌面上使用以下excel文件:
- file1.xlsx
- file1.xls
- FILE.CSV
我要上传文件到ONLY显示.xlsx,.xls,和.csv文件.
使用该accept属性,我发现这些内容类型负责.xlsx和.xls扩展......
accept= application/vnd.openxmlformats-officedocument.spreadsheetml.sheet(.XLSX)
accept= application/vnd.ms-excel(.XLS)
但是,我找不到Excel CSV文件的正确内容类型!有什么建议？
推荐指数
解决办法
查看次数
将DIV堆叠在一起？
是否可以堆叠多个DIV,如:
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
那么所有那些内部DIV都有相同的X和Y位置？默认情况下,它们都低于彼此,将Y位置增加上一个前一个DIV的高度.
我有一种浮动或显示或其他技巧可以咬人的感觉？
编辑:父DIV具有位置相对,因此,使用绝对位置似乎不起作用.
推荐指数
解决办法
查看次数
解构深层属性
我最近开始使用ES6的解构赋值语法,并开始熟悉这个概念.我想知道是否可以使用相同的语法提取嵌套属性.
例如,假设我有以下代码:
let cagingIt = {
foo: {
bar: 'Nick Cage'
}
};
我知道我可以foo通过执行以下操作来访问变量:
// where foo = { bar: "Nick Cage" }
let { foo } = cagingIt;
但是,是否可以提取深层嵌套的属性,如bar.也许是这样的:
// where bar = "Nick Cage"
let { foo[bar] } = cagingIt;
我试图找到有关此事的文件,但无济于事.任何帮助将不胜感激.谢谢!
推荐指数
解决办法
查看次数
ListView调整列的性能问题(分组)
ListView每当我实施分组时,我都会遇到重大的性能问题.我在StackOverflow上发现了一些类似的问题,但似乎都没有帮助!
这是我目前的情况(我简化了我的项目,因此噪音更小):
我有ContentControl一个ListView为孩子.所述ListView绑定到ObservableCollection,其最初是空的.随着时间的推移,对象被添加到集合中(在此示例中,使用a每10秒添加500个项目DispatcherTimer).它的大小ObservableCollection会有所不同,但收藏可能最终超过25,000件.
当ObservableCollection小于2000(不精确的数字)时,列大小调整如下所示:
但是,随着更多对象的添加ObservableCollection,性能会明显下降(您需要向下滚动才能实现).
这最终将导致Application锁定.
我认为问题可以使用解决Virtualization,所以我尝试使用以下内容:
<ListView x:Name="ListView1"
Style="{DynamicResource lvStyle}"
VirtualizingPanel.IsVirtualizingWhenGrouping="True"
VirtualizingPanel.IsVirtualizing="True"
VirtualizingPanel.IsContainerVirtualizable="True"
ScrollViewer.IsDeferredScrollingEnabled="True">
但是,似乎没有任何作用!
更不用说,VirtualizingPanel.IsVirtualizingWhenGrouping="True"导致ListView完全锁定.
我也研究过Paul McClean出色的数据虚拟化,但它并没有处理分组.
问题: 在a中对项目进行分组时ListView,是否有办法调整列的大小而不会显着影响应用程序的性能？
理想情况下,我想减少内存开销,所以我全都是为了实现某种异步解决方案.
码:
XAML:
<ContentControl x:Class="ListViewDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:ListViewDemo"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
xmlns:dat="clr-namespace:System.Windows.Data;assembly=PresentationFramework"
xmlns:Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic"
mc:Ignorable="d"
d:DesignHeight="400" d:DesignWidth="300">
<ContentControl.Resources>
<Style x:Key="lvStyle" TargetType="{x:Type ListView}">
<Setter Property="VirtualizingStackPanel.IsVirtualizing" Value="True"/> …推荐指数
解决办法
查看次数
页面加载时谷歌语音搜索
首先,我正在尝试创建一个我不希望永远工作的临时解决方案.只是一个实验,如果你愿意!
我有以下运行!我想要做的是在页面加载时启动语音搜索.有任何想法让这个工作!注意:您需要使用Chrome浏览器才能看到麦克风输入.
http://jsfiddle.net/dirtyd77/99amf/
<html>
<head>
<style>
#mike {
font-size: 25px;
width: 25px;
height: 25px;
cursor:pointer;
border: none;
position: absolute;
margin-left: 5px;
outline: none;
background: transparent;
}
#txt {
height: 150px;
width: 150px;
}
</style>
<script>
var mike = document.getElementById('mike');
mike.onfocus = mike.blur;
mike.onwebkitspeechchange = function(e) {
console.log(e); // SpeechInputEvent
document.getElementById('txt').value = mike.value;
};
</script>
</head>
推荐指数
解决办法
查看次数
jQueryUI Dialog/Datepicker自动打开
我目前有一个对话框,其中有两个输入作为其内容(使用两个输入.datepicker()).当我打开对话框时,第一个输入成为焦点,第一个日期选择器自动出现.我试图隐藏div并模糊输入,但这会导致日期选择器不再出现在焦点上.
理想情况下,我希望能够满足以下条件:
- 打开对话框(没有显示日期选择器).
- 单击第一个输入并显示日期选择器.
这是我目前的代码:
JAVASCRIPT:
$("#to").datepicker({
onClose: function (selectedDate) {
$("#from").datepicker("option", "minDate", selectedDate);
}
});
$("#from").datepicker({
onClose: function (selectedDate) {
$("#to").datepicker("option", "maxDate", selectedDate);
}
});
$("#settingsDialog").dialog({
autoOpen: false,
open: function (event, ui) {
if ($(".ui-datepicker").is(":visible"))
$(".ui-datepicker").hide();
$("#to").blur();
$this.focus().click();
},
close: function () {
$(this).dialog("close");
}
});
我也做了一个jsfiddle演示:http: //jsfiddle.net/ARnee/19/
我在网上搜索了一个解决方案,并发现了类似的问题,但似乎没有任何帮助.谁能帮助我？!
编辑:
我使用的浏览器是Chrome.
推荐指数
解决办法
查看次数
JQuery DatePicker和beforeShowDay
我拼命地尝试使用此功能仅启用我的datepicker中的特定日期,但该beforeShowDay功能永远不会被触发:(
即使这不起作用:
$(document).ready(function(){
/*initialisation des composants*/
initComponent();
});
availableDates = new Array();
/* Fonction d'initialisation des composants */
function initComponent(){
/* Date retrait */
$("#dateRetrait").datepicker();
$("#dateRetrait").datepicker({beforeShowDay: function(d) {
console.log("bsd");
alert("bsd");
}});
//$("#dateRetrait").datepicker({buttonImage: "../../../Images/boutons/btn_calendier.png"});
//$("#dateRetrait").datepicker({showButtonPanel: true });
//$("#dateRetrait").datepicker({beforeShow: function() {setTimeout(function() {$(".ui-datepicker").css("z-index", 9999999999);}, 10);}});
$('#comboLieux').attr('disabled', 'disabled');
$('#comboCreneau').attr('disabled', 'disabled');
$('#dateRetrait').attr('disabled', 'disabled');
$('#dateRetrait').datepicker('option', 'minDate', new Date());
$("#dateRetrait").datepicker("option","dateFormat", 'dd-mm-yy');
}
如果您有任何想法,我将不胜感激!
事实上,即使这不起作用:
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Restrict date range</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> …推荐指数
解决办法
查看次数
角度单元测试 - 在同一服务中模拟方法/闭包
我目前正在尝试使用SinonJS对我的角度服务进行单元测试,但是已经遇到了一个问题,希望有人能够解释为什么会发生这种情况.我重建了我目前的项目来说明手头的问题.
我还提供了一个DEMO
我有一项服务,peopleService:
(function (){
angular.module('myApp')
.factory('peopleService', peopleService);
peopleService.$inject = ['$q'];
function peopleService ($q){
var people = ['Homer', 'Marge', 'Bart', 'Lisa', 'Maggie'];
// in actual project, this makes an http request
function getFamily () {
return people;
}
function getAdults (){
var family = getFamily();
return family.filter(function (person){
return person === 'Homer' || person === 'Marge';
});
}
return {
getFamily: getFamily,
getAdults: getAdults
}
}
}());
在此服务中,我的方法getAdults使用getFamily,过滤结果,并返回数据.
在我的单元测试中,我试图模拟getFamily并查看是否正在调用该方法.现在这就是问题出现的地方...... …
推荐指数
解决办法
查看次数
WPF触发器属性
我是WPF的新手,我目前正在与之合作triggers.我有一个关于简单触发器的问题.通过简单的触发器,我指的是一个观察a中的变化dependency property并使用a setter来改变样式的触发器.
例:
<Style.Triggers>
<Trigger Property="Control.IsFocused" Value ="True">
<Setter Property=" Control.Foreground" Value =" DarkRed" />
</Trigger>
</Style.Triggers>
我见过的所有例子都使用了以下内容trigger properties:
<Trigger Property="Control.IsFocused" Value ="True"><Trigger Property="Control.IsMouseOver" Value ="True"><Trigger Property="Button.IsPressed" Value ="True">
问题:这些是唯一可用的触发属性吗？如果没有,其他人存在什么？
我在网上搜索但无济于事.也许有人可以对此有所了解.
推荐指数
解决办法
查看次数
触发点击并保持事件
题:
使用jQuery,我如何模仿点击保持事件？
我目前正在靠墙撞墙,似乎无法弄清楚如何解决这个问题!
我也试过在谷歌和论坛上搜索,但无济于事.
在我目前的例子中,我使用的是jQuery UI .draggable().
理想情况下,我想做以下事情:
- 执行点击/ mousedown
div. - 模仿点击并保持事件并能够自由移动元素.
- 在下一次单击/ mousedown上,结束单击并保持事件.
当我尝试以下功能:
$("#drag").draggable().mousedown(function(e){
e.preventDefault();
return $(this).mousedown();
});
然后它会导致无限循环,最终导致浏览器崩溃.但是,我不确定如何启动常量.mousedown()事件.
这是我目前拥有的演示:http://jsfiddle.net/vPruR/16/.
任何帮助将不胜感激!
推荐指数
解决办法
查看次数
标签 统计
html ×4
jquery ×4
datepicker ×2
javascript ×2
jquery-ui ×2
wpf ×2
xaml ×2
angularjs ×1
c# ×1
content-type ×1
css ×1
css-float ×1
csv ×1
dialog ×1
ecmascript-6 ×1
file-upload ×1
input ×1
listview ×1
performance ×1
properties ×1
sinon ×1
stack ×1
triggers ×1
unit-testing ×1