📝 HTML教程

5084篇技术文档
  HTML5-拖放

📅  最后修改于: 2020-10-23 06:19:47        🧑  作者: Mango

拖放(DnD)是强大的用户界面概念,通过单击鼠标,可以轻松地复制,重新排序和删除项目。这允许用户在元素上方单击并按住鼠标按钮,将其拖动到另一个位置,然后释放鼠标按钮以将元素放到那里。要使用传统的HTML4实现拖放功能,开发人员要么不得不使用复杂的JavaScript编程,要么必须使用jQuery等其他JavaScript框架。现在,HTML 5提供了拖放(DnD)API,该API为浏览器带来了本机...

  HTML5-网络工作者

📅  最后修改于: 2020-10-23 06:20:29        🧑  作者: Mango

JavaScript被设计为在单线程环境中运行,这意味着多个脚本不能同时运行。考虑一种情况,您需要处理UI事件,查询和处理大量API数据以及操纵DOM。如果CPU使用率很高,JavaScript会挂起您的浏览器。让我们举一个简单的示例,其中JavaScript经历一个大循环-现场演示它将产生以下结果-当您单击Big Loop按钮时,它将在Firefox中显示以下结果-什么是网络工作者?可以使用We...

  HTML5-IndexedDB

📅  最后修改于: 2020-10-23 06:21:06        🧑  作者: Mango

indexeddb是一个新的HTML5概念,用于将数据存储在用户的浏览器中。 indexeddb比本地存储功能强大,对于需要存储大量数据的应用程序很有用。这些应用程序可以运行更高的效率并更快地加载。为什么要使用indexeddb?W3C宣布Web SQL数据库是已弃用的本地存储规范,因此Web开发人员不应再使用此技术。 indexeddb是Web SQL数据库的替代方法,比旧技术更有效。特征它存储...

  HTML5-网络消息传递

📅  最后修改于: 2020-10-23 06:21:35        🧑  作者: Mango

Web消息传递是将实时消息从服务器发送到客户端浏览器的功能。它覆盖了不同域,协议或端口中的跨域通信问题例如,您希望将数据从页面发送到放置在iframe上或反之亦然的广告容器,在这种情况下,浏览器会抛出安全异常。使用网络消息传递,我们可以将数据作为消息事件传递。讯息事件消息事件触发跨文档消息传递,通道消息传递,服务器发送的事件和Web套接字。消息事件界面已对此进行了描述。属性Sr.No.Attrib...

  HTML5-CORS

📅  最后修改于: 2020-10-23 06:21:56        🧑  作者: Mango

跨域资源共享(CORS)是一种允许来自Web浏览器中另一个域的受限资源的机制。假设,如果您在html5演示部分中单击HTML5-视频播放器。它将询问相机许可。如果用户允许该权限,则只有它会打开相机,否则不会为Web应用程序打开相机。提出CORS要求在这里,Chrome,Firefox,Opera和Safari都使用XMLHttprequest2对象,而Internet Explorer使用类似的X...

  HTML5-Web RTC

📅  最后修改于: 2020-10-23 06:22:17        🧑  作者: Mango

万维网联盟(W3C)引入的Web RTC。它支持用于语音呼叫,视频聊天和P2P文件共享的浏览器到浏览器应用程序。如果要尝试一下?适用于Chrome,Opera和Firefox的Web RTC。一个不错的起点是此处的简单视频聊天应用程序。 Web RTC实现了三个API,如下所示-MediaStream-可以访问用户的摄像头和麦克风。RTCPeerConnection-获得对音频或视频呼叫功能的访问...

  HTML5-Web存储演示

📅  最后修改于: 2020-10-23 06:22:31        🧑  作者: Mango

会话存储会话存储设计用于以下场景:用户正在执行单个事务,但是可能同时在不同的窗口中执行多个事务。本地存储本地存储用于跨多个窗口的存储,并且持续时间超出当前会话。特别是,出于性能方面的考虑,Web应用程序可能希望在客户端存储兆字节的用户数据,例如整个用户创作的文档或用户的邮箱。您可以在此处获取网络存储演示代码...

  HTML5-服务器发送事件

📅  最后修改于: 2020-10-23 06:22:45        🧑  作者: Mango

服务器发送事件它从服务器获取更新并在Web浏览器上给出结果。在从服务器获取更新之前,浏览器必须询问Web服务器中是否有可用更新。例HTML5代码应如下demo_sse.php服务器代码应在PHP中,如下所示您可以在此处获取服务器发送事件的演示...

  HTML5-Web Canvas演示的

📅  最后修改于: 2020-10-23 06:22:57        🧑  作者: Mango

帆布HTML5元素<canvas>为您提供了一种使用JavaScript绘制图形的简单有效的方法。它可以用来绘制图形,制作照片或做简单(而不是那么简单)的动画。例下面的示例基于HTML5 Canvas和JavaScript。您可以从此处下载演示。HTML5 Canvas演示游戏下面的示例基于HTML5 Canvas和JavaScript。您可以从此处下载演示。...

  HTML5-音频播放器

📅  最后修改于: 2020-10-23 06:23:10        🧑  作者: Mango

带有可视化器的HTML5本地音频播放器HTML5功能包括不需要Flash的本地音频和视频支持。下面的代码基于HTML,CSS和Java Script。您可以将本地Mp3文件拖放到容器中。您可以在这里获取源代码带有播放列表的本地音频播放器您可以在这里获取源代码...

  HTML5-视频播放器

📅  最后修改于: 2020-10-23 06:23:23        🧑  作者: Mango

HTML5本地视频播放器HTML5功能包括不需要Flash的本地视频支持。下面的播放器基于HTML,CSS和Java脚本。您可以将本地视频文件拖放到容器中。您可以在此处获取源代码HTML5 SWF视频播放器下面的播放器基于HTML,CSS和SWF您可以在此处获取源代码屏幕截图下面的记录器基于html5,CSS和Java脚本工作。进入此页面之前,必须允许用户访问相机以获取费用图像您可以在此处获取源代...

  HTML5-地理位置

📅  最后修改于: 2020-10-23 06:23:36        🧑  作者: Mango

HTML5位置HTML5 Geolocation API使您可以与自己喜欢的网站共享位置。 Javascript可以捕获您的纬度和经度,并且可以发送到支持的Web服务器,并可以进行精美的位置感知操作,例如查找本地商家或在地图上显示您的位置。经度和纬度使用HTML5,我们可以找到经度和纬度。示例的示例代码在下面提供。您可以在这里获取源代码...

  HTML5-拖放

📅  最后修改于: 2020-10-23 06:23:48        🧑  作者: Mango

HTML5拖放演示拖放(DnD)是强大的用户界面概念,通过单击鼠标,可以轻松地复制,重新排序和删除项目。这允许用户在元素上方单击并按住鼠标按钮,将其拖动到另一个位置,然后释放鼠标按钮以将元素放到该位置。您可以在这里获取源代码...

  HTML5-网络工作者

📅  最后修改于: 2020-10-23 06:24:00        🧑  作者: Mango

JavaScript被设计为在单线程环境中运行,这意味着多个脚本不能同时运行。考虑一种情况,您需要处理UI事件,查询和处理大量API数据以及操纵DOM。您可以在这里获取源代码...

  HTML5-Web Slide Desk

📅  最后修改于: 2020-10-23 06:24:12        🧑  作者: Mango

幻灯片是演示文稿的一页。一组幻灯片可以统称为幻灯片平台。您可以在此处下载源代码...