草庐IT

javascript - 带有 ngIf 闪烁的 Angular2 项目

背景我正在创建一个信用卡表单组件。该组件检查输入的信用卡类型,并显示该卡类型的符号/图标。该符号是一个外部SVG,会在识别出信用卡类型后立即加载。问题cc符号闪烁,如下图所示。在ChromeDOM检查器中,我看到应用了*ngIf的元素正在发生某些事情,该元素正在以某种方式更新(没有任何属性更改),这似乎导致闪烁.代码下面是我的模板中包含闪烁部分的代码。我已经检查了组件,ngIf中使用的变量没有更新,除非它应该更新(当信用卡号更改为不同类型时)。是什么导致了这个问题,我该如何解决?更新事实证明,这实际上是由[data]属性引起的,而不是与ngIf有任何关系。抱歉责怪你,ngIf。

javascript - ionic 避免 View 标题在 Android 上闪烁

我正在尝试按照ionic模板示例所建议的“标准”方式来制作选项卡内容页面。但是,我发现在Android中切换标签时,view-title会闪烁。您不会在iOS或桌面浏览器上看到闪烁。但是,如果您将Chrome中的设备模式切换到Android设备,您会看到闪烁。我怎样才能克服它?菜单.htmlLeftTab1Content1标签.htmlcontent1.htmlContent1content2.htmlContent2 最佳答案 感谢@AndresRehn分享链接(http://forum.ionicframework.com/t/

javascript - 最新版本的 Chrome 浏览器出现奇怪的闪烁错误

将GoogleChrome浏览器更新到最新的15.0.874.106版本(在Windows7下)后,我的网站出现了一些奇怪的闪烁错误。文本阴影显示完全错误,文本本身模糊不清,部分代码不再工作(例如右浮动,固定菜单)......等等。在几秒钟内,网站显示正常,然后突然闪烁(同时仍在加载),然后渲染变得困惑。(我认为加载GoogleMapsv3可能存在一些问题)有趣的是,旧版本的Chrome(在更新之前,在我的另一台电脑上)仍然可以毫无问题地显示该网站,同时代码也没有任何变化。在其他浏览器中(如我所说,即使在旧版chrome中)一切正常。Firebug和Chrome的代码检查器(CTRL+

javascript - 闪烁的 jQuery .animation()

我目前正在使用jquery-animate-colors动画边框的闪烁,但我认为我的代码可以使用一些清理。处理以下问题的更好方法是什么?highlightRow=function(row,count){if(count==null){count=0;}$(row).animate({"border-color":"#3737A2"},{duration:250,complete:function(){return$(row).animate({"border-color":"#FFFFFF"},{duration:250,complete:function(){if(count===0

javascript - 重新加载一个没有闪烁/闪光的 iframe(在 Javascript 中)

我想问一下是否有人有一个简单的解决方案,可以让我重新加载/刷新iframe但在页面重新加载时没有闪烁/闪烁,这可能吗?也许动画模糊然后模糊而不是闪烁/闪光?我不知道任何输入会有帮助,谢谢。这是我现在重新加载iframe的方式document.getElementById("FrameID").contentDocument.location.reload(true);感谢您的帮助。 最佳答案 最简单的方法:在DOM外部或隐藏元素中创建一个新的iframe。在隐藏框架内加载页面一旦负载甚至在隐藏框架内触发,只需交换它们即可!交换要实际

javascript - 渲染主干 View 时如何防止图像闪烁?

我使用Backbone.js作为框架,在我看来我有一些小图像(要删除的垃圾桶、图标等)。当View重新呈现这些图像时闪烁。我已经通过为我不想闪烁的所有内容创建一个新View而不触发它们渲染来解决这个更大的图像。但我想知道是否有另一种方法可以在不将我的观点分解成一堆碎片的情况下做到这一点?这是我呈现我的观点的一般格式:window.SomeView=Backbone.View.extend({initialize:function(){this.model.bind('change',this.render,this);this.template=_.template($('#view-

javascript - Dynamicpage div 在加载新内容后不久闪烁

我正在使用动态页面脚本通过Ajax将内容加载到我的页面中。除了1期外,一切正常。我有一个页面,其中的div彼此堆叠在一起例如:header-banner-nav-content-likebox-twitterwidget-footer。如果我更改页面,例如,如果我从家里去联系,然后我会看到我的likebox和twitterwidget在不到一秒钟的时间内转到页面顶部(导航下方)。之后一切都正确加载,但是在显示联系页面之前看到框在顶部闪烁很烦人。如何修改dynamicpage.js脚本,使其不会很快将内容下方的div移动到顶部?这是我的脚本:$(function(){varnewHash

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - 如何在不闪烁的情况下更新、重绘网格层

我的问题是如何在没有奇怪的“闪烁”效果的情况下更新传单中的网格层。我使用Leaflet.VectorGrid在Canvas上显示我的geojson。问题是当我想重绘图层时,因为我的数据已更新。我使用该代码重绘图层:tileLayer.redraw();当我一直在使用这个功能时,我的图层会消失一段时间,然后它会出现并显示更改的数据。所以最后的效果还是不错的,但是问题是:如何消除map“空”的这一刻?我想重新绘制我的图层,没有这个奇怪的时刻,几毫秒图层是清晰的。 最佳答案 我知道这是事后的事,但我在寻找解决方案时发现了您的问题。我终于得

javascript - 如何在没有闪烁的情况下在 Meteor 中进行分页?

与此问题相关here,是否有一种使用Meteor实现分页的惯用方法,它不会在客户端显示中间结果(这会导致页面跳转)。我从排行榜示例中派生了一个应用程序,本质上,在我使用的客户端上:Template.scores.created=->Meteor.autosubscribe->Meteor.subscribe'players',Session.get('page_size'),Session.get('current_page'),sortOrder()和服务器Meteor.publish'players',(page_size,current_page,sort)->Players.f