jjzjj

flickering

全部标签

javascript - 为什么我的转换 : translateY flicker in Chrome?

我有一个简单的多列布局;我正在尝试使用translateY在:hover上提升一个元素。它会导致闪烁(在Chrome57上测试过)。我该如何解决这个问题?"usestrict";$(function(){var$target=$('.wall');functiongetImageUrl(id){varwidth=500;varheight=250+Math.floor(Math.random()*150);return"https://unsplash.it/"+width+"/"+height+"?image="+id;}functionaddElement(element){var

javascript - 谷歌地图 API : infoWindow flickers/closes automatically because of mouseout event

我正在为我正在进行的一个漂亮的新项目创建多边形。每当您将鼠标悬停在infoWindow上时,就会出现问题,多边形上的mouseout事件会触发。除非鼠标移出多边形和信息窗口,否则我不希望触发mouseout事件。有任何想法吗?这是大部分相关代码。infoWindow=newgoogle.maps.InfoWindow({content:myContent});varpolygon=newgoogle.maps.Polygon({paths:polygonPath,strokeColor:data.color,strokeOpacity:0.5,strokeWeight:0,fillCo

javascript - websocket + vuejs : screen flickering, 可见 mustache 代码

我使用websockets和vuejs构建了一个网络应用程序。在DOM中,我想遍历vuejs处理的数据。然而,在建立websocket连接并接收到数据后,数据会在时间线的后面设置。到那时(大约0.5秒),您可以在网站本身上看到vuejs的mustache代码,然后看到它闪烁并添加真实数据。当从websocket连接接收数据时,我创建了ViewModel,如下所示:onMessage:function(e){newVue({el:'#messages',data:{messages:e.data}});}我已经尝试过在页面加载时初始化ViewModel,然后设置数据:varvms={me

javascript - 使用 ng-if 或 ng-show 的 Angular 应用中的按钮 'flickering'

我在两个不同的Angular应用程序中遇到过同样的问题,但我一直找不到关于这个问题的任何讨论——这让我觉得我可能遗漏了一些东西。假设我有一个“任务”View,它可以处于多种不同状态,包括“待处理”、“已接受”和“已完成”。将根据任务的状态显示不同的操作按钮,例如:AcceptFlagComplete问题是,当用户点击接受按钮时,会在短时间内显示下面的两个按钮。就好像Angular在DOM中按顺序工作,在ng-ifs之间的短暂时间里,'flag'和'complete'按钮都显示了,因为只有一个被更新了。ng-show也会发生这种情况。请注意,这不是ng-cloak可以解决的问题,ng-c

javascript - 页面加载前的 Webpack SCSS "Flicker"

我正在开发一个同构的React+Flux+express应用程序,并为我的sass(带有sass-loader)和jsx文件使用webpack加载器。我不确定如何将样式表注入(inject)服务器端模板。为此,我查看了ExtractTextPlugin,但我真的希望能够使用热模块替换。现在,我正在像这样在React组件中加载我的main.scss文件:if(typeofwindow!=='undefined'){require("!style!css!sass!../../../styles/main.scss");}这适用于在组件中加载单个样式表,但在安装React部分之前会出现闪烁

javascript - Bootstrap-select 插件 : how to avoid flickering

Bootsrap-select插件非常棒(http://silviomoreto.github.io/bootstrap-select/)。它提供了一种在Bootstrap中创建华丽的选择菜单的极其简单的方法。然而,我遇到的一个问题是页面加载时“闪烁”。我的意思很简单:页面加载了原始的HTMLselect元素(当然看起来像废话)Bootstrap-select插件JS运行在页面加载后的某个明显时间,原始HTMLselect元素在步骤(2)中被JS转换为漂亮的Bootstrap-select元素。因此,用户首先看到HTMLselect元素,然后看到它切换到漂亮的Bootstrap-sel

ios - CMMotionManager deviceMotion 姿态值过多 "flickering"

我正在记录从CMMotionManagerdeviceMotion获得的“态度”值在CADisplayLink回调中(我需要根据设备旋转执行动画)。这些值似乎每隔几毫秒就会有很大程度的“抽动”(高达30%)。这看起来很不稳定,让我想知道是我做错了什么还是设备出了问题。请在下面找到日志。打印出来的“角度”是“姿态”的“滚动”分量,换算成度数:2013-04-1000:07:12.683MyApp[450:707]Angle:-92.912013-04-1000:07:12.712MyApp[450:707]Angle:-70.522013-04-1000:07:12.714MyApp[4

javascript - Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery 单页滚动效果

感谢您查看此问题。我想知道是否有一种方法可以防止Bootstrap3固定顶部导航栏在使用jQuery插件自动滚动时“闪烁”或上下跳动。这里是一个活跃的例子:http://startbootstrap.com/templates/grayscale/如果您在手机(我使用的是iPhone4)上查看此模板,请使用菜单栏并单击链接。jQuery插件会将您带到页面的部分,但请注意顶部的菜单栏。它像疯了似的在四周闪烁和跳舞,并没有真正停留在原地。这是与此示例关联的代码,但我见过的大多数其他示例都是人们使用Bootstrap固定顶部导航以不同方式做同样的事情。HTML:StartBootstrapA

javascript - Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery 单页滚动效果

感谢您查看此问题。我想知道是否有一种方法可以防止Bootstrap3固定顶部导航栏在使用jQuery插件自动滚动时“闪烁”或上下跳动。这里是一个活跃的例子:http://startbootstrap.com/templates/grayscale/如果您在手机(我使用的是iPhone4)上查看此模板,请使用菜单栏并单击链接。jQuery插件会将您带到页面的部分,但请注意顶部的菜单栏。它像疯了似的在四周闪烁和跳舞,并没有真正停留在原地。这是与此示例关联的代码,但我见过的大多数其他示例都是人们使用Bootstrap固定顶部导航以不同方式做同样的事情。HTML:StartBootstrapA

javascript - 如何消除渲染后 "flicker"?

我已尽最大努力成为Javascript/Ajax技术的纯粹主义者,确保所有Ajax-y行为都是对基本功能的增强,而当禁用Javascript时,网站也能正常运行。但是,这会导致一些问题。在某些情况下,只有在浏览器中启用了Javascript时,DOM节点才应该可见。在其他情况下,它应该只在禁用时可见。以表单上的提交按钮为例,该按钮有一个带有自动提交的onchange处理程序的下拉列表(使用JQuery的表单插件):State:AlabamaAlaska和Javascript:$(document).ready(function(){$(".with_js_disabled").hide