草庐IT

css-webkit

全部标签

javascript - 在 Angular 2 中应用频繁 CSS 更改的最有效方法

我们有一个Angular2站点,其中有一个websocket将数据从后端泵入我们的网格。为了指示最近的更新,我们使用CSS设置行的背景颜色和受影响的单元格上的粗体。指示应该只持续很短的时间。1)我们的第一次尝试是在下一批从服务器到达时重置所有指标。这运行良好,但在某些View中很少有更新,这意味着指标可以保持很长时间,这有点令人困惑。如果更新指示器在固定时间间隔(例如4秒)后消失会更加一致。2)我们的下一个尝试是使用CSS动画。但是过了一会儿,它就滞后了很多。给人的印象是运行过多的动画会使浏览器过载,无法处理请求的时间。也许每个动画在后台都有自己的计时器?3)第三种尝试是让一个计时器以

javascript - 选择框属性更改时未触发 Webkit Mutation Observer 回调

我正在尝试使用新的MutationObserver来监控选择框(或嵌套的option元素)的变化。功能。然而,只有“setAttribute”为我触发了变异观察者的回调。这是我使用的代码:~function(doc,$){varselect=$('select');//http://www.w3.org/TR/dom/#mutation-observersvarobserver=newWebKitMutationObserver(function(mutations){alert(mutations.length+"mutationshappened");});observer.obs

javascript - 如何在 Google App Engine 上自动执行 Javascript 和 CSS 压缩?

我找不到任何合适的解决方案来自动执行GoogleAppEngineCSS和Javascript缩小。 最佳答案 如果您的JS/CSS文件要在HTML页面内使用,那么一个很好的选择是让AppEngine通过实验性“PageSpeed”功能自动优化您的网站(缩小、捆绑、内联等)。您可以通过执行以下操作将其打开:转到元素的AppEngine仪表板:https://appengine.google.com/settings?&app_id=s~your_project_id单击“应用程序设置”(位于“管理”部分左下方)。向下滚动到“性能”部

javascript - 如何获取 CSS3-3d 转换元素的屏幕位置?

我有一个基于CSS3构建的非常复杂的网站,其中包含html元素3d转换、旋转、翻转、翻转和一般扭曲。我正在尝试找出其中一个元素在屏幕上的位置,但没有找到任何方法。不知道有没有人有什么巧妙的想法。或者,如果有人可以解释-webkit-perspective背后的数学原理,我可以找出位置,因为这是我唯一不确定如何建模的东西。 最佳答案 您是否尝试过使用getBoundingClientRect()?我过去曾成功地使用它来计算已使用transform属性转换的元素的尺寸。 关于javascri

javascript - 当我们有 gzip 时,为什么人们压缩 css 和 javascript?

这个问题在这里已经有了答案:IsthereabenefittominifyingJavaScriptbeforegzippingit?(5个答案)关闭9年前。如果人们可以在Web服务器上打开gzip压缩,为什么人们要经历所有缩小JavaScript和CSS文件的痛苦?这将提供相同(甚至更好)的交通性能结果。缩小会带来额外的好处吗?

javascript,如果加载相同的图像,图像onload()不会在webkit中触发

我有一个元素,我正在更改它的src属性。该元素有一个onload附加处理函数。每次我更改src属性并加载图像时,处理函数都应该运行。在Chrome和Safari中,如果我分配与之前相同的src,则处理函数不会运行。在分配与之前相同的src之前,我尝试了imgElement.src='',imgElement.src=null,imgElement.src='notExistingFile.jpg'但都不起作用。请帮忙。以前有人遇到过这个问题吗?编辑:它通过在分配与之前相同的src之前执行imgElement.src=''来工作:imgElement.src='';imgElement.

javascript - 如何从 node-webkit 应用程序打开浏览器窗口?

我有一个桌面应用程序,使用node-webkit打包。我需要在点击链接时打开用户的默认浏览器。我正在使用window.open("www.google.com")但这会打开一个新的node-webkit窗口,而不是打开浏览器窗口。我该如何打开浏览器窗口?? 最佳答案 要在用户的默认浏览器中打开链接,您可以使用gui.Shell.openExternal("http://website.com")。查看gui.Shell的文档. 关于javascript-如何从node-webkit应用程

javascript - 平滑停止 CSS 关键帧动画

我有以下代码:http://jsfiddle.net/odj8v0x4/.functionstopGlobe(){$('.mapfront').removeClass('mapfront-anim');$('.mapback').removeClass('mapback-anim');}functionstartGlobe(){$('.mapfront').addClass('mapfront-anim');$('.mapback').addClass('mapback-anim');}@keyframesmapfront_spin{0%{background-position:140

javascript - jquery 和 CSS 中最快的选择器方法 - ID 与否?

jquery/javascript中什么最快?$('#myID.myClass')或$('.myClass')在CSS中最好使用什么?#myID.myClass{}或.myClass{}我现在明白我应该解释得更好。抱歉!OfceauceID是CSS和JavaScript中更快的选择器。但有时您需要使用类,因为有多个选择器。例如,我有一个很大的html文档。在页面中间我有:link1link1link1如果我想定位所有“myClass”。那么在定位类之前定位ID会更好吗?(这样我就不必对整个HTML文档进行domtravel)例如:这会不会:$('#myID').find('.myCla

javascript - 我可以使用 CSS 绘制诸如命运之轮之类的东西吗?

我希望只使用CSS和jQuery绘制一个命运之轮。我不想使用任何图像。此外,我希望圆圈中至少有8个片段,并在每个片段中垂直对齐每个文本单词。这是一张照片来说明:完成这项工作后,我就可以使用CSS3rotate属性。知道我该怎么做吗? 最佳答案 这是使用Canvas在HTML5中完成的纺车演示:LINK直接下载到元素演示文件:ZIP编辑:这是一个不同的教程演示:Creatingaroulettewheelusinghtml5canvas 关于javascript-我可以使用CSS绘制诸如命