![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 93
Neil-
吾日三省吾身~
展开
-
requestAnimationFrame
requestAnimationFrame可以用来解决循环等代码执行时间长,造成浏览器组塞页面的渲染的问题。 基本使用方法如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;padding:原创 2017-04-19 22:33:42 · 396 阅读 · 0 评论 -
HTML5 Web Workers
JS脚本运行和UI交互不能同时进行,有时候在脚本运行时间较长的情况下,浏览器会出现假死状态,严重影响了用户交互的体验。Web Workers的出现一定程度上解决了此问题。每个Worker都有自己完全独立的全局运行环境,并且不占用浏览器UI线程的时间。因此,可以把一些计算量大的数据处理任务交给Web Workers处理而不影响用户交互(一般,认为浏览器端脚本运行时间超过100ms即会影响用户体验。此时原创 2017-06-20 17:04:27 · 257 阅读 · 0 评论 -
HTML5存储
localStorage和sessionStoragelocalStorage和sessionStorage是HTML5中引入的新的本地存储策略。传统的cookie不仅在大小上有限制(4kb),而且其每次请求时都要加在请求头中的,非常浪费网络资源。localStorage和sessionStorage将存储大小提升到5MB,可以通过它们将部分数据本地化,降低资源加载等对网站性能的影响。关于cooki原创 2017-06-10 01:28:44 · 293 阅读 · 0 评论 -
canvas用于绘制视频
canvas相关方法介绍1.ctx.getImageData(sx, sy, sw, sh):其中sx、sy分别是起点的横纵坐标,sw和sh分别为将要提取的数据对应的矩形图像的宽度和高度;其返回值是一个imageData对象,包含宽度、高度、data(Uint8ClampedArray类型的数组);2.ctx.putImageData(imagedata, dx, dy)或者ctx.putIm...原创 2019-05-14 01:00:56 · 6124 阅读 · 0 评论 -
localStorage示例
属性设置Item,localStorage.setItem(key, val);获取Item,localStorage.getItem(key);移除Item,localStorage.removeItem(key);移除所有item,localStorage.clear();demo<!DOCTYPE html><html lang="en"><...原创 2019-09-06 20:01:01 · 260 阅读 · 0 评论