Tag: html5

为什么我的球(物体)不收缩/消失?

http://jsfiddle.net/goldrunt/jGL84/42/这是从这个JS小提琴84行。 通过取消注释141-146行,可以将3种不同的效果应用于球。 “反弹”的效果是应该的,但“疯狂”的效果什么都不做。 我应该在asplode函数中包含“缩小”函数吗? // balls shrink and disappear if they touch var shrink = function(p) { for (var i = 0; i < 100; i++) { p.radius -= 1; } function asplode(p) { setInterval(shrink(p),100); balls.splice(p, 1); } }

我可以将所需的属性应用于HTML5中的<select>字段吗?

如何检查用户是否从HTML5的<select>字段中select了某个内容? 我看到<select>不支持新的required属性…我必须使用JavaScript吗? 还是有什么我失踪? :/

Twitter Bootstrap中的数据切换属性

data-toggle属性在Twitter Bootstrap中做了什么? 我在Bootstrap API中找不到答案。 之前我也见过类似的问题, 链接 。 但是这并没有太大的帮助。

你可以调用ko.applyBindings绑定一个局部视图?

我使用KnockoutJS,并有一个主视图和视图模型。 我想要一个对话框(jQuery UI的一个)popup与另一个视图,一个单独的子视图模型将被绑定到。 对话框内容的HTML是使用AJAX检索的,所以我希望能够在请求完成后调用ko.applyBindings ,并且我想将子视图模型绑定到通过对话框div中的ajax加载的HTML部分。 这实际上是可能的,或者我需要加载所有的视图和查看模型,当页面最初加载,然后调用一次ko.applyBindings ?

HTML5中的polyfills的含义是什么?

HTML5中的polyfills的含义是什么? 我在很多网站上看到了关于HTML5的这个词,例如HTML5-Cross-Browser-Polyfills。 所以在这里,我们正在收集所有的垫片,回退和polyfill,以便将HTML5function植入本来不支持它们的浏览器中。 我其实不明白polyfills是什么意思。 这是一个新的HTML5技术或JavaScript库吗? 在HTML5之前我从来没有听说过这个词。 垫片,后备和polyfills有什么区别?

在HTML5中,就表格而言,什么取代了cellpadding,cellspacing,valign和align?

在Visual Studio中 ,我看到这些警告: validation(HTML 5):属性“cellpadding”不是元素“table”的有效属性。 validation(HTML 5):属性“cellspacing”不是元素“table”的有效属性。 validation(HTML 5):属性“valign”不是元素“td”的有效属性。 validation(HTML 5):属性“align”不是元素“td”的有效属性。 如果它们在HTML5中不是有效的属性,那么用CSS代替它们呢?

HTML5帆布与SVG与div

在dynamic创build元素并能够移动它们的最佳方法是什么? 例如,假设我想创build一个矩形,圆形和多边形,然后select这些对象并移动它们。 我知道HTML5提供了三个可以实现这一点的元素: svg , canvas和div 。 对于我想要做的,哪一个元素将会提供最好的性能? 为了比较这些方法,我想创build三个视觉相同的网页,每个页面都有一个页眉,页脚,小部件和文本内容。 第一页中的小部件完全用canvas元素创build,第二个完全用svg元素创build,第三个用纯div元素HTML和CSS创build。

HTML5本地存储与会话存储

除了非持久性和仅限于当前窗口的范围之外,是否有任何好处(性能,数据访问等)到本地存储上的会话存储?

在HTML5中检测iPad Mini

苹果公司的iPad Mini是iPad 2的一个更小的克隆,它比我们想要的更多。 在JavaScript中, window.navigator对象公开了Mini和iPad 2的相同值。到目前为止我的testing来检测差异并没有成功。 为什么这很重要? 由于iPad Mini和iPad 2屏幕像素相同,实际尺寸(英寸/厘米)不同,因此它们的PPI (像素每英寸)也不相同。 对于networking应用程序和游戏提供友好的用户界面,某些元素的尺寸相对于用户的拇指或手指位置进行了调整,因此,我们可能想要缩放某些图像或button以提供更好的用户体验。 我到目前为止尝试过的东西(包括一些非常明显的方法): window.devicepixelratio 以cm为单位的CSS元素宽度 CSS媒体查询(例如resolution和-webkit-device-pixel-ratio ) 类似单位的SVG图纸 做各种CSS webkit转换一段时间,并使用requestAnimFrame计算渲染帧(我希望能够检测到一个可测量的差异) 我是新鲜的想法。 你呢? 更新感谢迄今的回应。 我想评论一下投票反对检测iPad mini与2苹果有呃,一个指导方针来统治他们。 好吧,这是我的推理,为什么我觉得在世界上真正知道一个人是否使用iPad mini或者2.使用我的推理你喜欢什么。 iPad mini不仅是一个小得多的设备(9.7英寸与7.9英寸),而且其外形允许不同的用途。 除非你是查克·诺里斯(Chuck Norris),否则在游戏中通常会用两只手握住iPad 2。 迷你比较小,但是它也轻很多,可以让玩家一手拿着游戏,用另一种方式轻扫或轻敲。 作为一名游戏devise师和开发者,我只想知道它是否是一个迷你游戏,所以我可以select为玩家提供不同的控制策略(例如,在一组玩家进行A / Btesting之后)。 为什么? 那么,大多数用户倾向于使用默认设置,所以在玩家加载游戏的时候,不要在屏幕上放置一个虚拟的游戏杆,并在屏幕上放置一些其他的基于点击的控件(这里只给出一个任意的例子)游戏的第一次是我和其他游戏devise师可能会喜欢的。 所以恕我直言,这超出了厚厚的手指/指导方针的讨论,只是苹果和所有其他供应商应该做的事情:让我们唯一识别您的设备, 思考不同,而不是遵循指导方针。

什么是ng-include的正确语法?

我试图在一个ng-repeat包含一个HTML代码片段,但是我无法让这个include工作。 看来ng-include的当前语法与之前的不同:我看到很多使用的例子 <div ng-include src="path/file.html"></div> 但在官方文件中 ,它说使用 <div ng-include="path/file.html"></div> 但是,然后下面的页面显示为 <div ng-include src="path/file.html"></div> 无论如何,我尝试过 <div ng-include="views/sidepanel.html"></div> <div ng-include src="views/sidepanel.html"></div> <ng-include src="views/sidepanel.html"></ng-include> <ng-include="views/sidepanel.html"></ng-include> <ng:include src="views/sidepanel.html"></ng:include> 我的代码片段不是很多代码,但有很多事情要做。 我读dynamic加载模板内ng-repeat ,这可能会导致一个问题,所以我用fooreplacesidepanel.html的内容,仍然没有。 我也尝试直接在页面中声明模板,如下所示: <script type="text/ng-template" id="tmpl"> foo </script> 并且运行ng-include所有变体引用脚本的id ,但是什么都没有。 我的网页有更多的,但现在我已经把它剥离到这一点: <!– index.html –> <html> <head> <!– angular includes –> </head> <body ng-view="views/main.html"> <!– view is actually set in the […]