javascript

git

java

python

git-remote

c++

github

django

c#

reactjs

spring-mvc

reflection

javascript-objects

html5

analytics

node.js

performance

branch-prediction

git-commit

git-revert

html5-Angular JS缩放和性能

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

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

应用结构:

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

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

Recalculate Style GC Event

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

trans by 2020-08-12T10:38:40Z

html5-移动Web应用程序的推送通知功能

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

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

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

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

谢谢

trans by 2020-08-11T20:36:32Z

html-是否可以使用CSS创建此形状(将两个局部圆连接在一起)?

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

Desired result

我尝试仅使用<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重叠的情况下完成此任务?

trans by 2020-08-11T10:48:32Z

html5-使用ionic作为桌面Web应用程序

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

trans by 2020-08-11T09:40:10Z

HTML5 <video>播放是否支持.avi格式?

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

trans by 2020-08-11T08:55:51Z

html5-Cordova iOS 9上WKWebView的状态?

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? 如果不是,为什么不可以正式启用它呢?

trans by 2020-08-10T17:24:04Z

javascript-动态地将第一帧用作HTML5视频中的海报?

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

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

trans by 2020-08-10T15:31:39Z

JavaScript-跨网域iframe issu

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

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

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

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

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

trans by 2020-08-10T14:23:56Z

html5-HTML:我应该编码大于还是不编码? (>>)

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

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

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

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

我有什么想念的吗?

trans by 2020-08-10T08:10:13Z

WHATWG html5标准文档中的idl属性是什么意思?

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

在IDL属性中反映内容属性

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

和:

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

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

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

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

trans by 2020-08-10T02:26:10Z

Safari和Firefox中的HTML5视频(mp4和ogv)问题-但是Chrome很好

我有以下代码:

<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],其中它表示“错误”事件和“错误”属性。 似乎“错误”事件被直接抛出,并且那时没有错误属性。 有人知道如何诊断问题吗?

trans by 2020-08-09T23:47:03Z

html-如何在Bootstrap响应式选项卡中设置列的大小

如何在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>
trans by 2020-08-09T19:46:31Z

CSS-如何解决Firefox和Chrome中Textarea底部边距不一致的问题?

我试图消除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>

trans by 2020-08-09T10:21:40Z

javascript-HTML Mobile-强制隐藏软键盘

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

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

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

谢谢。

trans by 2020-08-09T04:37:06Z

在HTML5中使用框架的任何方式吗?

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

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

trans by 2020-08-09T03:30:23Z

html5-Javascript-我从字符串创建了Blob,如何将字符串取回?

我有一个在其上调用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!"
trans by 2020-08-09T00:44:48Z

新的HTML5元素(如<section>和<article>)毫无意义吗?

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

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

添加网页(开发人员和浏览网页的人)有什么好处?

trans by 2020-08-06T22:08:46Z

html5-HTML元字符集应为小写还是大写?

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

因此,应该是:<meta charset="UTF-8"/><meta charset="utf-8"/>
我都知道

谢谢。

trans by 2020-08-06T12:28:35Z

HTML5画布中的GIF动画

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

trans by 2020-08-05T00:34:17Z

HTML5:iframe无法滚动?

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

trans by 2020-08-04T21:20:05Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共45页