我们正在使用为银行构建的Angular应用程序来应对性能问题。

不幸的是，显示代码片段违反了合同。 无论如何，我可以描述正在进行的一些主要问题，我希望可以推荐最佳实践。

应用结构：

• 本质上，是一个巨大的多表单页面。
• 每种形式都是其自己的部分，带有嵌套的控制器和大约3层深的部分。
• 在json对象的集合上重复ng相同的形式。
• 每个表单都绑定到重复的对象/模型。
• 我们应该支持该页面上1-200个表格中的任何一个。

如果您看一下时间线。 我们在jQuery parse html方法，jQuery重新计算stye方法，GC事件（垃圾收集）上花费了大量时间。 我想将这些最小化应该可以加快速度。 它们都是Angular生命周期的一部分，但是可能有更好的方法来避免它们。 这是探查器的一些屏幕截图：

最终，随着重复表单的数量超过5，该应用程序变得迟钝。每种表单相对于其他表单都没有关系。 我们试图不监视表单之间的任何共享属性。

我有一个简单的方案，无论何时从服务器生成通知，它都会在移动设备上接收通知。

我知道此功能在本机iOS应用程序和Android中可用，但我正在尝试避免本机路径。 我想要的是：

1. 可以通过访问URL来访问的移动Web应用程序
2. 用户可以在主屏幕上创建书签，从而获得本机应用程序图标的感觉。
3. 获取通知徽章（无圆形消息）
4. 即使关闭浏览器也能够接收通知。

我知道服务器端事件/ Web套接字有可能，但是Web应用程序可以模拟推送通知功能吗？

谢谢

我正在尝试使用CSS完成两个div的边界：

我尝试仅使用<div class="left"></div> <div class="right"></div>，但两个局部圆圈没有被压在一起：[http://jsfiddle.net/uwz6L79w/]

<div class="left"></div>
<div class="right"></div>

<div class="left"></div>
<div class="right"></div>

我可以将它们进一步按在一起，但是我必须使一个div与另一个重叠，例如：[http://jsfiddle.net/uwz6L79w/1/。

<div class="left"></div>
<div class="right"></div>

<div class="left"></div>
<div class="right"></div>

有谁知道我如何在没有div重叠的情况下完成此任务？

Ionic是使用html5开发移动应用程序的绝佳框架。 我们也希望在桌面浏览器上使用相同的应用程序。 制作一个在桌面浏览器和移动浏览器上均能最佳工作的响应式UI并制作应用程序是个好主意吗？ 或者，我们应该针对浏览器和移动应用进行不同的开发。

我想知道HTML5 <video>标记现在是否支持播放.avi格式的视频文件。

iOS 8引入了WKWebView，这是一种用于iOS的现代化Web视图，具有更多功能，尤其是针对Javascript代码的JIT编译可显着提高性能。

但是，iOS 8上的WKWebView有一些错误，默认情况下阻止Cordova使用它。 AFAIK有一些可以使用它的插件，但是它们都说“ beta”，“ incomplete”等。据我所知，iOS 9修复了停止Cordova在iOS 8中默认为WKWebView的错误。

那么，iOS 9的Cordova中WKWebView的状态是什么？ 我似乎找不到任何有关此的信息。 Cordova是否在iOS 9上默认为WKWebView？ 如果不是，为什么不可以正式启用它呢？

我想知道是否有任何简单的方法可以实现此效果，而无需后端代码提取框架，将其另存为jpg并将其存储在某个地方。

当视频加载时，视频的第一帧只是显示为海报的效果会非常有用（只有在浏览器可以明显播放视频的情况下才起作用，这可能与传统上的poster有点不同， 但这不是问题。

可以说，我有一个名为example.com的站点，在该站点上嵌入了iframe.net域的iframe，现在我想读取iframe的内容并传递一些参数以显示文本消息。 像Hi和用户名一样。

现在的问题是这无法建立两者之间的连接，甚至无法获得我使用以下方法使用的iframe的innerHTML

document.getElementById('myframe').contentWindow.document.body.innerHTML;

它将引发错误“权限被拒绝访问属性”

有谁知道如何在跨域平台中读写

对可能不安全的数据进行编码时，是否有理由对attr=data进行编码？

• 它验证任何一种方式。
• 浏览器以相同的方式解释（对于attr=data、attr='data'、<tag>data</tag>）

我认为有人这样做的原因是

• 简化基于正则表达式的标签删除。 attr=data（稀有）
• 未引用的字符串attr=data.：-o（不发生！）
• 代码中的美学。 （所以呢？）

我有什么想念的吗？

在阅读WHATWG的HTML5-Web开发人员的技术规范时，我看到许多参考资料，例如：

在IDL属性中反映内容属性

定义了一些IDL属性以反映特定内容 属性。 这意味着IDL属性在获取时返回 内容属性的当前值，以及设置时的IDL 属性将content属性的值更改为给定 值。

和：

在一致的文件中，只有一个body元素。 的 document.body IDL属性使脚本可以轻松访问 文档的主体元素。

body元素将事件数字的内容属性公开为事件处理程序 Window对象的事件处理程序。 它也反映了他们 事件处理程序IDL属性。

我的（公认的模糊）理解来自Windows世界。 我认为.idl文件用于映射n层分布式应用程序中的远程过程调用。 我假设内容属性是指html元素属性。

我在标准中没有地方可以解释术语“内容属性”和“ IDL属性”的用法。 谁能解释这些术语的含义以及这两种属性之间的关系？

我有以下代码：

<video width="640" height="360" controls id="video-player" poster="/movies/poster.png">
 <source src="/movies/640x360.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 <source src="/movies/640x360.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>

• 我正在使用Rails（开发中使用Mongrel，生产中使用Mongrel + Apache）。
• Chrome浏览器（Mac和Win）可以在本地或在我的生产服务器上播放任一文件（经过一个然后是其他源标签的测试）。
• Safari（Mac和Win）可以在本地播放mp4文件，但不能在生产环境中播放。
• Firefox 3.6将无法在任何一个操作系统中播放视频。 我只是在视频播放器区域的中间出现了一个灰色的十字。
• 我确保在每种情况下Mongrel和Apache都设置了正确的MIME类型。
• 根据Chrome的结果，我知道我的视频文件或文件的请求或传送方式没有天生的错误。

对于Firefox，我查看了[https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox]，其中它表示“错误”事件和“错误”属性。 似乎“错误”事件被直接抛出，并且那时没有错误属性。 有人知道如何诊断问题吗？

如何在Bootstrap响应表中设置列的大小？ 我不希望桌子失去响应能力。 我也需要它在IE8中工作。 我已包含HTML5SHIV和“响应”。

我正在使用Bootstrap 3（3.2.0）

<div class="table-responsive">
    <table id="productSizes" class="table">
        <thead>
            <tr>
                <th>Size</th>
                <th>Bust</th>
                <th>Waist</th>
                <th>Hips</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>6</td>
                <td>79 - 81</td>
                <td>61 - 63</td>
                <td>89 - 91</td>
            </tr>
            <tr>
                <td>8</td>
                <td>84 - 86</td>
                <td>66 - 68</td>
                <td>94 - 96</td>
            </tr>
        </tbody>
    </table>
</div>

我试图消除FF和Chrome似乎给Textareas带来的额外底边。 令人惊讶的是，IE似乎正确地做到了。 我想避免使用条件包含，但是CSS3调整是可以的。

样例代码

<div class="red-box">
    <textarea>No Margin Please!</textarea>
</div>

<div class="red-box">
    <textarea>No Margin Please!</textarea>
</div>

我正在为优惠券公司开发前端站点，并且我有一个页面，用户只需要输入电话号码和花费的$$。 我们想出了一个有趣的内置Java脚本的屏幕键盘，该键盘易于使用且速度很快。 但是，我正在寻找一种解决方案，以防止用户聚焦并在这些字段中输入文本/数字时弹出软键盘。

我知道HTML5提出的“数字/电话/电子邮件”类型属性。 但是，冒着听起来发疯的危险，我真的只想使用屏幕键盘即可。

注意：此网站主要针对平板电脑。

谢谢。

对于学校，我必须创建一个网站，并且必须使用那些肮脏的旧fml框架。 我已经向我的老师抱怨了这一点，但没有成功：(

我想使用HTML5，但似乎已弃用框架。 我真的需要使用XHTML或HTML 4吗？ 是否有一些变通办法可以使我的页面使用框架来验证HTML5？

我有一个在其上调用Blob（）的字符串：

var mystring = "Hello World!";
var myblob = new Blob([mystring], {
    type: 'text/plain'
});
mystring = "";

如何退回字符串？

function getBlobData(blob) {
    // Not sure what code to put here
}
alert(getBlobData(myblob)); // should alert "Hello World!"

暂时不要杀了我，我只是出于好奇。

像<section>, <nav>, <article>, <aside>之类的元素似乎都毫无意义。 可以肯定的是，它们使所有东西都没有它自己的位置（和seo'd）...但是可能会过度组织事物。 在某些情况下，事情也不属于任何类别。 这也增加了尝试编码这些东西的时间。 我只是看不到添加这些新元素的任何真正目的。

添加网页（开发人员和浏览网页的人）有什么好处？

通常<meta charset="UTF-8"/>应该使用大写形式，因为它是缩写。但是，HTML中的属性通常是小写的。

因此，应该是：<meta charset="UTF-8"/>或<meta charset="utf-8"/>？
我都知道

谢谢。

在HTML5中，如何在可以正常工作的画布中轻松绘制（请不要提供太多复杂的代码）动画GIF（使用drawImage时，画布中仅显示第一帧）

对于HTML5，不再支持滚动属性-但我仍然需要删除滚动条-怎么做？