草庐IT

javascript - DOM 元素宽度可以是非整数吗?

我有一些页面的div元素由JavaScript对齐。JavaScript只是检查一组div元素以找到最大offsetWidth,然后设置所有div元素的width成为最大offsetWidth。它在大多数浏览器和语言环境中都能完美运行,但在Mac上的Firefox中无法使用法语。在这种情况下,div的内容会换行。Heurededébut:对于上面的HTML,下面的代码报告“79”。javascript:alert(document.getElementById('divFoo').offsetWidth);但下面的代码报告“79.1333px”。javascript:aler

javascript - 带有百分比指示器的 Angular 2+ 应用程序预加载器

有人知道用百分比指示器(类似于Gmail的加载屏幕)实现Angular2+预加载器的好的解决方案吗?我知道通常的方法是添加在我们里面并设置样式,甚至可以添加CSS动画,应用加载后它将被应用内容替换。但是...我实际上正在寻找的是显示动画启动画面(SVG或其他任何东西),动画完成后应该出现加载栏并显示进度状态。一开始我在考虑单独的splash组件,它将只是组件急切加载并从那里加载所有其他模块但是如果我将该组件映射到'/'如何首先在任何其他路由上显示它(开始观点)。此外,这意味着Angular主包必须已经加载,所以这不是一个好的选择。很可能这个问题过于宽泛,不适合StackOverflow

Javascript 元素样式

我很好奇为什么会这样fdsfsd.overlay{width:100px;height:200px;background-color:red;}alert(document.getElementsByClassName("overlay")[0].style.width);没有发出任何警报。我当然可以写然后一切正常,但对我不利,我需要css。在这里你可以找到一个jsfiddledemo确切的问题是:为什么这段代码不警告div的宽度,如果宽度由css给出,它如何警告它? 最佳答案 如别处所述,问题在于HTMLElement.style

javascript - react native : How to set <TextInput/>'s height and width to <View/> container?

我目前有一个在里面有一个padding:15.我想要's覆盖内部所有空间的宽度和高度除了填充。所以我尝试了varwidth=Dimensions.get('window').width和以下,但是遵守左侧的填充,但当您继续键入时,它会超出右侧填充:那么我怎样才能让TextInput覆盖View内的所有空间、高度和宽度,同时还要遵守View的填充规则?谢谢 最佳答案 尝试将TextInput的样式设置为flex:1而不是获取宽度。Flex样式将自动填充您的View并将填充留空。 关于jav

javascript - Kendo UI 下拉列表采用最大选项的大小

varddlViews=$('#ddlViews').data("kendoDropDownList");ddlViews.list.width("auto");我已将宽度添加为自动但它不起作用,下拉框的宽度也获得了所选元素的最大宽度并溢出了框。我希望下拉框具有固定宽度,但下拉列表项应在单行中显示内容。因为正常的下拉菜单会起作用。 最佳答案 .k-list-container{min-width:126px!important;//giveaminwidthofyourchoicewidth:auto!important;}.k-l

Javascript 对象文字 : value initialization?

我使用对象字面量来创建带有方法的对象。这里有一个简单的例子。varSizeManager={width:800,height:600,ratio:this.width/this.height,resize:function(newWidth){width=newWidth;height=newWidth/ratio;}}我的问题是SizeManager.ratio返回“NaN”。我很确定这是一个初始化问题。有没有办法获得正确的比率值?有没有办法将构造函数或初始化程序分配给对象字面量?定义构造函数对象是唯一的方法吗?编辑:当然SizeManager理想情况下是一个单例(只有一个对象),这

javascript - jQuery 最小宽度与宽度 : How to remove px?

在这里尝试一些基本的jQuery和JavaScript。.width()给了我一个整数值。.css('min-width')给我一个以px结尾的值。因此我不能按原样对此进行数学计算。推荐的解决方法是什么?alert($('#').parent('.column4').width());alert($('#').parent('.column4').css('min-width'));alert($('#').parent('.column4').width()>=$('#').parent('.column4').css('min-width'));if($('#').parent('

javascript - jQuery:添加到 DOM 的新图像在加载后始终具有宽度 0

我需要使用动态创建的图像标签获取图像的尺寸。有用。但只有在我不将图像添加到DOM时才使用attr('width')。否则,返回的维度为零。为什么?:)this.img=$('',{'src':e.url});//generateimagethis.img.appendTo('body');//addtoDOMthis.img.load(function(self){returnfunction(){//whenloadedcallfunctionconsole.log(self.img.attr('src'));console.log(self.img.attr('width'));c

Javascript (jQuery) 将图像缩放到其容器的中心点

这看起来应该很简单,但出于某种原因我无法完全理解它。我在“视口(viewport)”div中有一个图像,其溢出属性设置为隐藏。我已经使用jQueryUI实现了一个简单的缩放和平移,但是我无法让缩放看起来像是从视口(viewport)的中心开始。我从Photoshop中做了一些截屏视频,我试图重现这种效果:http://dl.dropbox.com/u/107346/share/reference-point-zoom.mov在PS中,您可以调整缩放引用点,对象将从该点开始缩放。显然,这对于HTML/CSS/JS是不可能的,所以我试图找到合适的left和topCSS值来模拟效果。这是有问

javascript - 如何在不迷失方向的情况下移动旋转 Canvas 图像?

我已将图像加载到Canvas中。旋转后,我无法(拖动)正确移动图像。实际上,它会移动,但它会根据图像的坐标平面移动。因此,将旋转90度的图像向右移动,会向下移动,而不是像预期的那样向右移动。解决这个问题的好方法是什么?这是我的绘制函数:functiondraw(){varim_width=parseInt(imageObj.width+resizeAmount);varim_height=parseInt(imageObj.height+resizeAmount);varrotationAmount=rotationVal-prevRotation;prevRotation=rotat