FileAPI介绍HTML5 为我们提供了 File API 相关规范。主要涉及 File 接口 和 FileReader 对象 。本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。准备工作首先，我们的 File 来自于 <input> 标签中选中的文件列表。所以，准备如下的 HT
......
419
0
0
2022-04-13
今天有一童鞋过来问如何在HTML页面中，添加拨打电话号码的的功能。我个人没作过这个功能，也有点疑惑，就百度了一下查了下资料，发现非常的简单，写个教程记录一下。HTML拨打电话的功能代码方法1：HTML中可以使用A标签的形式加入一键拨号的功能，此功能适苹果手机系统和安卓手机系统代码如下：<a href="tel:12345678900">联系我&l
......
431
0
0
2022-04-12
好程序员web前端分享html中meta标签及用法详解，这篇文章给大家介绍了html中meta标签及用法详解，感兴趣的朋友一起看看，Html中meta标签一、meta标签 含义<meta> 元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包
......
386
0
0
2022-04-12
1、canvas是什么？<canvas> 是 HTML5 新增的元素，可用于通过使用 JavaScript 中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时视频处理或渲染。重点：canvas是一个html标签canvas是通过javascript来绘制图像的2、canvas可以做什么？canvas的应用场景非常广
......
404
0
0
2022-04-12
当满足以下2个条件时；浏览器会自动记录输入过的值；当用户再次输入的时候就能自动完成；1：input标签在form标签下；2：点击了此form标签下的submit按钮；具体的表现形式如下图；浏览器自动显示输入过的值后会遮挡到下面的验证码；对于我这种记性差到即便只有这4个数字都懒得记；非要边看着验证码边输入的人是无法忍受的；额；好吧；我承认记性是躺枪的；主要是懒
......
358
0
0
2022-04-12
做项目的时候有没有想过，为什么腾讯视频，优酷，快手他们的视频审查元素看到的地址是blob的，而我们的却那么low，轻易就能取到src，今天我们站在巨人的肩膀上终于有了解决方案，上图开源地址：https://npm.taobao.org/package/zx-player实现功能：1.实现了blob加密video的src2.实现了flv的html5播放3.实现
......
415
0
0
2022-04-12
HTML5新增标签新增语义标签1、页面头部、页眉2、页面导航3、一篇文章4、文章中的章节5、侧边栏6、页面底部、页脚音频视频PC端兼容h5的新标签的方法，在页面中引入以下js文件:script type="text/javascript" src="//cdn.bootcss.com/html5shiv/r29/html5.js"></scrip
......
426
0
0
2022-04-12
译者：前端小智原文：https://dev.to/emmawedekind/10-html-element-you-didnt-know-you-needed-3jo4我听过 “HTML很容易” 这种情绪的次数比我想象的要多。 虽然我同意 HTML 可能比其他编程语言更容易学习，但你不应该认为它是理所当然的。HTML 是一种功能强大的标记语言，可用于为我们的
......
437
0
0
2022-04-09
进入我的主页，查看更多HTML的分享！一. 结构标签1. 页面布局：<aside>定义页面内容之外的内容</aside>
<footer>定义文档或节的页脚</footer>
<header>定义文档或节的页眉</header>
<main>定义文档的主内容</m
......
394
0
0
2022-04-02
一个只用markdown语法编写文章的90后野路子Web架构师，每天都分享一些有用的知识点，欢迎关注～
1. 概述本文主要整理了POST提交数据到API时Content-Type的使用。2. 脑图3. multipart/form-data将FORM表单数据使用指定的分割字符(boundary)组装成一个字符串提交，可用于提交二进制数据，如上传文件。请求头
......
381
0
0
2022-04-01
介绍APlayer是一个简约且漂亮的HTML5音乐播放器，支持多种模式，包括播放列表模式、吸底模式、迷你模式、MSE模式、HLS模式。Githubhttps://github.com/DIYgod/APlayer安装使用 npm:npm install aplayer --save
使用 Yarn:yarn add aplayer
使用<link
......
734
0
0
2022-03-30
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。这个文件读取对象有以下几种方法：1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。2.readAsBinaryString():读取任意类型的文件。返回
......
334
0
0
2022-03-28
1.HTML5是什么HTML是web开发中三大规范之一，可以参考：Web前端开发-HTML入门干货 。HTML产生于1990年，1997年的HTML4.0成为互联网标准并广泛应用，HTML5是在HTML4.01（1999年发布）的基础上发展而来，在2008年正式发布，在2012年形成了稳定版本。其实在HTML4.01之后，W3C组织除了HTML5之外，为了严
......
387
0
0
2022-03-27
介绍DPlayer是一个视频播放器，封装很多实用的api安装使用 npm:npm install dplayer --save
使用 Yarn:yarn add dplayer
快速开始我们先尝试初始化一个最简单的 DPlayer加载播放器文件:<div id="dplayer"></div>
<script src="D
......
726
0
0
2022-03-27
前言移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提
......
340
0
0
2022-03-27