delishcomcn

2023年8月21日

HTML5原生拖拽/拖放 Drag & Drop 详解

摘要: 前言 拖放(drap & drop)在我们平时的工作中,经常遇到。它表示:抓取对象以后拖放到另一个位置。目前,它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 拖放的流程对应的事件 我们先看下拖放的流程: 选中 > 拖动 > 释放 然后,我们一步步看下这个过程中,会发生的事情。 选中 在 阅读全文

posted @ 2023-08-21 08:49 delish 阅读(769) 评论(0) 推荐(0) 编辑

2023年8月18日

HTML5中form如何关闭自动完成功能

摘要: 什么是HTML5的form自动完成功能? 首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。如: <form  阅读全文

posted @ 2023-08-18 08:57 delish 阅读(32) 评论(0) 推荐(0) 编辑

2023年8月16日

HTML5你必须知道的28个新特性

摘要: HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img 阅读全文

posted @ 2023-08-16 08:16 delish 阅读(56) 评论(0) 推荐(0) 编辑

2023年8月14日

Html5多媒体实现微信语音功能

摘要: 随着微信等社交App的兴起,语音聊天成为很多App必备功能,大到将语音聊天作为主要功能的社交App,小到电商App的语音客服、店小二功能,语音聊天成为了必不可少的方式。 但是很多人感觉网页端语音离我们很遥远,这些更多是本地应用的工作,其实不然,随着Html5的发展,语音功能也渐渐成为前端必会的功能之 阅读全文

posted @ 2023-08-14 08:15 delish 阅读(295) 评论(0) 推荐(0) 编辑

2023年8月11日

如何将HTML5的性能发挥到极致

摘要: HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下,对性能的需求显得更为重要,而HTML5性能优化前与优化后有着极大的差别,如何优化才能提高性能,对此熟知的人很少。本文以LayaAir引擎为例,通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。 主题包括: 代码执行 阅读全文

posted @ 2023-08-11 08:10 delish 阅读(70) 评论(0) 推荐(0) 编辑

2023年8月9日

HTML5多媒体元素的使用

摘要: 多媒体是互联网中的最重要的一部分,无论访问的是哪种类型的网页,视频或音频触手可及,在之前实现这些功能对开发人员来说可能非常痛苦,必须依赖Object 标签,调用第三方软件来加载,如Flash等,如果有些设备不支持Flash,我们对此就束手无策了。但是HTML5的出现让多媒体网页开发变得异常简单,也形 阅读全文

posted @ 2023-08-09 08:06 delish 阅读(34) 评论(0) 推荐(0) 编辑

2023年8月7日

HTML5部分新语义标签

摘要: 语义标签 举个例子,语义标签就是标签本身代表了一定的含义 HTML4.01 div:作为容器存在 在网站布局中使用广泛 搜索引擎友好,但是搜索引擎更友好的依旧是内容 p标签:段落 img标签:图片 。。。等等 语义标签 语义性不强的: HTML5部分新语义标签 HTML5中有部分语义标签,在使用时十 阅读全文

posted @ 2023-08-07 08:43 delish 阅读(18) 评论(0) 推荐(0) 编辑

2023年8月4日

HTML5 VideoAPI,打造自己的Web视频播放器

摘要: 本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。 一、基础知识 1.用法 <video src="./video/mv.mp4"></video> 注意:audio和video元素必须 阅读全文

posted @ 2023-08-04 10:20 delish 阅读(143) 评论(0) 推荐(0) 编辑

2023年8月3日

HTML5与HTML4的区别,新增了哪些元素

摘要: 注:部分格式编写存在<>封闭错误,只为在博客中显示,并非正确写法。1. HTML5推出的理由 解决Web上存在的问题: Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript,在另一个浏览器中不能运行。 原因:各浏览器规范不统一,没有被标准化。 解决方案:使各浏览器 阅读全文

posted @ 2023-08-03 09:09 delish 阅读(31) 评论(0) 推荐(0) 编辑

2023年8月2日

html5存储数据和缓存

摘要: html5存储sessionStorage 会话级别的本地存储,会话结束后数据就是自动清除localStorage 永久本地存储 sessionStorage与localStorage都有四个方法来对本地存储进行操作 setitem(key,value);添加本地存储数据 getitem(key); 阅读全文

posted @ 2023-08-02 11:29 delish 阅读(75) 评论(0) 推荐(0) 编辑

导航