草庐IT

page-performance

全部标签

performance - HTML5 Canvas 性能 : Loading Images vs Drawing

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

CSS & HTML5 : Position a <footer> at the bottom of the page? 没有包装器?

老问题。我需要定位一个页面底部的元素。但是我没有包装器div。我确实有以下结构......如果内容不够高,是否有一种简单的方法可以将页脚推到底部? 最佳答案 遇到这个问题,我想我会发布我遇到的问题。对我来说似乎是理想的方式。CSS:html{position:relative;min-height:100%;}body{margin:00100px;/*bottom=footerheight*/}footer{position:absolute;left:0;bottom:0;height:100px;width:100%;}HTM

javascript - 如何制作 JavaScript HTML 5 Canvas 图像 "page flip",就像您在 Flash 中常见的那样?

有没有人尝试过使用JavaScript和HTML5的canvas标签重新创建您在Adob​​eFlash中常见的图像翻页效果?有没有框架或者jQuery插件可以实现这种效果?Flash中的翻页功能允许您捕获模拟书页的一Angular并像翻真实书页一样翻页。我真的很想学习如何使用JavaScript和HTML5的Canvas标签来做到这一点,但不知道从哪里开始,也不知道需要什么公式。Examplepageflipinflash 最佳答案 您可能会看一下基于HTML5的翻页器的另一个(不错的)实现:http://jpageflipper

html - Bootstrap 3 : text on the left and right in the page header

我正在尝试使用bootstrap3制作一个简单的页眉。这是代码:TextontheleftThistotherightbutonthesameline这是一个可以尝试的jsfiddle:http://jsfiddle.net/DTcHh/2450/基本上我只想在page-header的左右两侧放置文本,但在同一行。使用float:left和float:right的常用技巧与普通html一样“破坏”了page-header,这意味着文本已正确对齐,但显示在页眉之外(下方),页眉仍为空。有什么线索吗? 最佳答案 您可以使用“pull-r

html - 自举 Accordion : how to avoid page scroll when collapse or expand elements

尝试折叠或展开Accordion的元素时出现意外的页面滚动。也许我只是在Bootstrap网格系统上做错了什么?这是页面示例:如何避免这种刺激性影响?jsfiddle可用https://jsfiddle.net/Lfwvtyms/1/LonglonglonglonglonglongheaderheaderheaderheaderheaderheaderlnglasdlewqjFirstlistItem1Item2Item3AnotherlistItem1Item2Item3Divwithfixedheightheremyfooterhere 最佳答案

html - page-break-inside 在 Chrome 中不起作用?

我在一个页面上有一堆段落:.........这些段落的CSS规则是:p{margin:20px0;page-break-inside:avoid;}现场演示:http://jsfiddle.net/KE9je/2/show/如果我正确理解了page-break-inside属性,以上内容应该确保没有段落在两页之间被拆分。(一个段落要么显示在“当前”页面上,要么如果它不完全适合,则移至下一页。)这在Chrome中似乎不起作用。打开演示,右键单击页面,选择“打印...”。您会看到打印预览-第5段分为第1页和第2页。我做错了什么?我怎样才能使它在Chrome中工作?

performance - 为什么 putImageData 这么慢?

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

html - CSS 形而上学 : WHY is page vertical alignment so difficult?

相对于页面,CSS中的水平对齐很容易-margin:0auto大部分时间都能满足您的需求,而text-align:center其他一些情况。我对大师们的问题不是如何垂直对齐,而是为什么如此困难?为什么没有margin:auto0?我的意思是,从编程的Angular来看。理论上,似乎相同的算法适用于两种类型的居中。 最佳答案 问得好,我不知道,但我怀疑问题的根源在于HTML,因此它的渲染引擎最初旨在用于文档语义而不是布局/打印语义。CSS非常擅长描述段落、标题和各种文档问题,但在涉及更大的DTP布局任务时却非常薄弱,而现在每个人都希望

performance - WebSockets、UDP 和基准

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

ios - 苹果 watch : Status bar not visible after presenting a modal screen from page based navigation

当我在基于页面的导航中从页面呈现模态屏幕时,整个屏幕向上移动并且状态栏不再可见。这是问题的gif:我使用的是xCode6.2版本。这在xCode6.2Beta4中没有发生..我不确定这是否是模拟器问题,或者这是否会在真实设备上发生。有没有人有同样的问题?有解决方法吗?我向apple(20109240)报告了一个错误,它被标记为(19862945)的副本,并且那个仍然是开放的。提前致谢 最佳答案 这是最终版本中的一个已知问题,在两种情况下表现出来:在现有分页模式Controller上呈现第二个模式Controller(分页或单个)时在