HTML
关注
分享
扫一扫
文章平均质量分 89
Kobe_G
shopee前端开发工程师，一名正在进阶的前端学习者
展开
-
HTML5中的FileReader对象
FileReader对象使用原创 2022-12-30 16:20:26 · 1452 阅读 · 0 评论 -
css、js的加载是否阻塞DOM的解析与渲染
首先说一下浏览器渲染页面的流程：浏览器内核（渲染进程）拿到静态资源后，渲染大概可以划分成以下几个步骤：解析html构建dom树解析css构建render树（将CSS代码解析成树形的数据结构，然后结合DOM合并成render树）布局render树（Layout/reflow），负责各元素尺寸、位置的计算绘制render树（paint），绘制页面像素信息浏览器会将各层的信息发送给GPU，GPU会将各层合成（composite），显示在屏幕上。从以上步骤可以得出几个结论：1.html和css的原创 2022-04-29 18:30:00 · 2859 阅读 · 1 评论 -
HTML5重点知识总结
一、H5新增的标签和属性1.新增的标签（语义化）<header>头部</header><nav>导航</nav>&原创 2019-01-06 22:12:54 · 1211 阅读 · 0 评论 -
HTML5-调用百度地图API进行地理定位的实例
今天给大家分享一个H5中的百度地图案例，话不多说，直接上图：在浏览器中打开之后，这个盒子有上下两部分，上面是3D地图，下面是普通地图，这是使用了百度地图接口后的效果，使用百度地图接口必须拿到百度地图的密钥，密钥博主已经在代码中给出，可以直接使用，密钥也可以自己去申请。代码如下：<!DOCTYPE html><html><head> &a原创 2019-01-07 16:41:03 · 3262 阅读 · 12 评论 -
HTML5-FileReader的使用方法
FileReader是一个文件读取对象，它有四个方法：1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-82.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读取文件展示给用户看，而是存储文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据存储3.readA...原创 2019-01-07 21:39:02 · 613 阅读 · 0 评论 -
HTML5-video相关属性和方法（附案例）
video是H5中新增的多媒体标签，video附有很多的属性和方法，还有一些常用事件，今天就给大家介绍一下这些用法，后文附有一个多媒体播放器的案例。1.常用方法load():加载视频paly():播放视频pause():暂停视频2.常用属性currentTime:视频播放的当前进度（可读可写）duration:视频的总时间（以秒计算）paused:视频播放的状态（如果正在...原创 2019-01-08 18:17:32 · 3831 阅读 · 0 评论