草庐IT

perform_calc

全部标签

html - 如何将 CSS calc() 与元素的高度一起使用

我正在研究仅使用CSS制作六边形的方法,并找到了一种根据宽度为我提供正六边形的解决方案:.hexagon{height:100%;width:calc(100%*0.57735);display:inline-block;}但是,代码的工作原理是根据父元素的宽度生成新的矩形。我正在寻找一种方法来根据parent的高度计算宽度。有没有一种方法可以使用元素的高度属性而不是calc()的宽度?(我不考虑使用vh,因为最近的父级并不总是视口(viewport))。我四处搜索,找不到答案。 最佳答案 我认为您正在尝试以css语法运行脚本,这不

performance - HTML5 Canvas 性能 : Loading Images vs Drawing

我正计划使用javascript/canvas编写游戏,我只有一个问题:关于加载图像与仅使用canvas的方法绘图相比,我应该考虑什么样的性能考虑因素。因为我的游戏将使用非常简单的几何图形(圆形、正方形、直线),所以这两种方法都易于使用。我还计划在游戏中实现一个简单的粒子引擎,所以我希望能够在不影响性能的情况下绘制很多小物体。想法? 最佳答案 如果您正在绘制带有实心填充的简单形状,那么程序化绘制它们是最适合您的方法。如果您要使用笔触、渐变填充和其他对性能敏感的化妆品绘制更详细的实体,您最好使用图像Sprite。程序生成图形并不总是高

html - CSS calc 在 Safari 和回退中不起作用

我正在处理这个布局。它强烈依赖于CSScalc来进行必要的计算。width:-webkit-calc(50%-20px);width:-moz-calc(50%-20px);width:calc(50%-20px);现在,我无法在Safari中使用它。我做错了什么吗?另外,有没有办法为不支持它的浏览器引入回退机制?百分比效果不好,因为我必须从侧面的两个对象中减去中间的对象。谢谢。 最佳答案 我解决这个问题的方法是引入纯CSS后备,不支持CSScalc的旧浏览器只会读取。figure.left{width:48%;width:-web

performance - 为什么 putImageData 这么慢?

我正在使用一个相对较大的Canvas,其中绘制了各种(复杂的)东西。然后我想保存Canvas的状态,以便稍后可以快速将其重置为现在的状态。我为此使用getImageData并将数据存储在变量中。然后,我在Canvas上绘制了更多内容,稍后将使用putImageData将Canvas重置为我保存它的状态时的状态。但是,事实证明,putImageData非常慢。事实上,它比简单地从头开始重新绘制整个Canvas要慢,后者涉及覆盖大部分表面的多个drawImage,以及超过40,000次lineTo操作,然后是描边和填充。从头开始重新绘制大约2000x5000像素的Canvas大约需要170

performance - WebSockets、UDP 和基准

HTML5websockets目前使用一种TCP通信形式。然而,对于实时游戏,TCP不会削减它(这是使用其他平台(如native)的重要理由)。由于我可能需要UDP来继续一个项目,我想知道HTML6或其他规范是否支持UDP?此外,是否有任何可靠的WebSockets基准可以将WS协议(protocol)与低级直接套接字协议(protocol)进行比较? 最佳答案 在LAN上,您可以获得200微秒的WebSocket消息往返时间(从浏览器JS到WebSocket服务器并返回),这类似于原始ICMPping。在MAN上,大约10毫秒,W

html - 无法将 CSS calc() 与转换一起使用 :translateX in IE

全部,我希望能够在我的CSS中使用calc()和transform:translateX。例如,#myDiv{-webkit-transform:translateX(calc(100%-50px));-moz-transform:translateX(calc(100%-50px));transform:translateX(calc(100%-50px));}虽然这在Chrome、Safari和Firefox中完美运行,但在IE10或IE11中不起作用。你可以在这里看到一个简单的例子:http://jsfiddle.net/SL2mk/9/这不可能吗?这是IE中的错误,还是calc

iOS Safari + CSS calc() + CSS transition = 即时崩溃

当我尝试使用left:-webkit-calc(100%-100px);(假设left:0;是初始状态)它在iOS中工作6.0.1就好了。但是当我对transition:left1slinear;做同样的事情时,它每次都会立即让Safari崩溃。是已知错误还是我做错了什么?它在Safari5中也不起作用(无react)。但它适用于Firefox和Chrome。 最佳答案 您可以通过使用auto以外的任何方式初始化属性来解决此问题:.menu{left:0;transition:left1slinear;}.menu-open.men

performance - 崩溃报告 'String - Couldn' t 下载或检索文件的任何线索。来自 Sentry - Flutter App?

我在商店中的一个Flutter应用程序与Sentry客户端集成用于崩溃报告。我遇到了一些崩溃,我已经根据它提供的日志修复了其中的大部分,我只能说Sentry是Fl​​utter中崩溃报告的良好解决方案之一。不幸的是,我在那里遇到了一次崩溃(许多用户目前正面临这种情况),但我无法弄清楚它到底是怎么回事,我应该怎么做才能解决这个问题。这只是一个问题的概述,在细节上也没有太多关于异常的信息,比如堆栈跟踪等。这是publicshare-ablelink对于相同的。有没有人遇到过类似的问题或有任何线索可以帮助我在这里找到方向? 最佳答案 搜索

performance - 简单的 Flutter ListView 不连贯的滚动

我一直在评估Flutter在应用程序中的使用情况,并从一个非常简单的文本列表示例开始。构建第一个View后,我注意到ListView的滚动不稳定,所以我仔细查看了展示应用程序,结果发现Reflectly,例如,是一个漂亮的应用程序,它也有同样的问题-非常不稳定的滚动和一个简单的文本列表。到目前为止,我已经在iOS模拟器、iPhoneXR、SamsungGalaxyAndroid设备和AndroidPixel2XL模拟器上确认了这一点。我没有看到关于这个的讨论,所以我想知道我是否做错了什么,但我也怀疑我的例子是多么简单,而Reflectly也有同样的问题。我希望社区能够理解:1.我是不是

performance - Flutter widget 应该在类中创建还是在 build() 函数中创建?

是否有关于在哪里创建更优化的小部件的一般经验法则(假设小部件不依赖于传递到build()中的任何内容)?如果我们在类中创建一个Widget:Foo({Keykey}):super(key:key);Widget_widget=newContainer();//Createhere?我们只在创建类时创建一次。但是,如果这个小部件并不总是在build()中使用(例如,后台小部件,或者小部件的可见性由标志确定),则它可能会占用空间。如果我们在build()中创建小部件:@overrideWidgetbuild(BuildContextcontext){Widgetwidget=newCont