为前端脚本找到 598 篇文章

Chrome 和 HTML5 GeoLocation 拒绝回调

Krantik Chavan
更新于 2020 年 1 月 28 日 10:06:05

115 次浏览

对于 Google Chrome 中的超时回调,请尝试以下代码:_callback = false; function successCallback(position) {    _callback = true;    console.log('success'); } function errorCallback(error) {    _callback = true;    alert('error'); } setTimeout(function(){if(!_callback)console.log('ignored')}, 20000); navigator.geolocation.getCurrentPosition(    successCallback,    errorCallback,    {timeout: 2000} );

如何让音频在浏览页面时继续播放?

Samual Sam
更新于 2020 年 1 月 28 日 10:04:22

885 次浏览

尝试以下操作,以便在浏览页面时继续加载音频播放:使用 Ajax 加载内容历史记录 API 的 pushState() 也可用于更改 URL 而无需重新加载页面。History.js 应用于在多个浏览器中保持一致的行为。pushState() 有三个参数:由 pushState() 创建的新条目的状态对象标题:你可以传递一个短标题URL:新历史记录条目的 URL

覆盖 HTML5 验证

Nancy Den
更新于 2020 年 1 月 28 日 10:05:05

1 千次观看

为忽略 HTML 验证,你可以使用 JavaScript 在单击按钮时去除该属性。使用 removeAttribute() 可从各匹配的元素中去除一个属性。                   姓氏:                               function display(id) {             document.getElementById(id).value = document.getElementById(id).removeAttribute('required');          }          

按弯曲路径移动 HTML div

Lakshmi Srinivas
更新于 2020 年 1 月 28 日 10:03:41

292 次观看

为按弯曲路径移动 HTML div,使用以下任一选项: CSS 过渡 JavaScript (jQuery) HTML5 Canvas尝试使用 JavaScript 来让其在所有浏览器中运行。使用 animate() 方法。animate() 方法对一组 CSS 属性执行自定义动画。以下为其语法:selector.animate( params, [duration, easing, callback] );此方法所用的所有参数的表述如下params − CSS 属性映射,动画将朝着该映射移动。duration − 这是一个可选参数,表示动画将运行多久。easing − 这是一个可选参数,表示要用于 ... 阅读更多

Google Analytics 可以跟踪离线 HTML5 应用中的交互吗?

Rishi Rathor
更新于 2019 年 7 月 30 日 22:30:22

183 次观看

Google Analytics 是一个增值分析工具,它提供详细的网站流量统计数据。它被超过 60% 的网站所有者使用。分析工具提供洞察力,揭示你的网站性能、访问者的行为和数据流。这些工具价格低廉且易于使用。某些时候,甚至免费。如果应用程序处于离线状态,Google Analytics 则将事件存储在 SQLite 数据库中。存储之后,它会等待到用户重新上线后才发送事件。它用于收集离线潜在命中。该值表示命中发生时与下一次命中发生之间经过的毫秒时间差 ... 阅读更多

在 HTML5 的拖放事件发生时,dragLeave 事件会在 drop 之前触发

karthikeya Boyini
更新于 2020 年 1 月 28 日 10:02:35

265 次观看

为针对有时在 drop 之前触发 dragLeave 的拖放事件解决这个问题:onDragOver = function(e) { e.stopPropagation() } onDrop = function(e) {    /* 用于 drop */ }在 drop 下,你可以设置此选项:function drop(ev) {    event.preventDefault();    var data=event.dataTransfer.getData("Text");    event.target.appendChild(document.getElementById(data)); }

UIWebView HTML5 Canvas 和视网膜显示屏

Vrundesha Joshi
更新于 2020 年 1 月 28 日 10:02:02

151 次观看

为将视网膜尺寸的图像置入 HTML5 Canvas,尝试将以下代码用于 Canvas:var context = myCanvas.getContext("2d"); context.attr("width", width * window.devicePixelRatio); context.attr("height", height * window.devicePixelRatio); context.scale(window.devicePixelRatio, window.devicePixelRatio); context.drawImage(img, x, y, width, height);

将 FFMPEG 用于在线视频托管且搭配 HTML5

Samual Sam
更新于 2019 年 7 月 30 日 22:30:22

1 千次观看

HTML5 允许浏览器拥有一个视频元素,你可以用它在你的网站上播放视频。需要了解的是,flowplayer 和其他基于 flash 的视频流媒体播放器使用 FLV 格式。 它有与 H.264 相同的编码。FFMPEG 可以将视频转换为 FLV,你可以自如地将其与 flowplayer 结合使用。 使用 flvtool2 从文件读写 FLV 元数据。 使用这些工具创建视频并通过 flowplayer 流式播放它们。

对于如何为 Flash/Flex/HTML5 开发的未来做好准备,有什么好主意吗?

Lakshmi Srinivas
更新于 2020 年 1 月 28 日,10:01:21

75 次浏览

在未来,与现在一样,如果任何用户仍然想要使用 Flash,他们将必须手动启用 Flash。HTML5 和 Flex 是未来。HTML5 是万维网联盟 (W3C) 和网络超文本应用程序技术工作组 (WHATWG) 之间的一项合作。 Apple Safari、Google Chrome、Mozilla Firefox 和 Opera 的最新版本都支持许多 HTML5 功能,Internet Explorer 11.0 也将支持 HTML5 功能。预装在 iPhone、iPad 和 Android 手机上的移动网络浏览器都对 HTML5 提供了出色的支持。 Flexbox(弹性盒子)是 CSS3 的一种布局模式。使用此模式,…… 阅读更多

HTML5 / JS 存储事件处理程序

Jennifer Nicholas
更新于 2020 年 1 月 28 日,09:21:54

246 次浏览

如果存储事件是由另一个窗口触发的,存储事件处理程序才会触发。你可以尝试运行以下代码:// 事件处理程序 window.addEventListener('storage', storageEventHandlerFunc, false); function storageEventHandlerFunc(evt) {    alert("存储事件已调用 key:" + event.key );    switch(event.key){       case 'one':       case 'two': batteryDCMeter(); break;       case 'extPowerOn': rechargeBattery(); break;    } } sessionStorage.setItem("someKey", "someValue");

广告
© . All rights reserved.