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 · 414 阅读 · 0 评论 -
HTML5 Web Workers
JS脚本运行和UI交互不能同时进行，有时候在脚本运行时间较长的情况下，浏览器会出现假死状态，严重影响了用户交互的体验。Web Workers的出现一定程度上解决了此问题。每个Worker都有自己完全独立的全局运行环境，并且不占用浏览器UI线程的时间。因此，可以把一些计算量大的数据处理任务交给Web Workers处理而不影响用户交互（一般，认为浏览器端脚本运行时间超过100ms即会影响用户体验。此时原创 2017-06-20 17:04:27 · 264 阅读 · 0 评论 -
HTML5存储
localStorage和sessionStoragelocalStorage和sessionStorage是HTML5中引入的新的本地存储策略。传统的cookie不仅在大小上有限制（4kb），而且其每次请求时都要加在请求头中的，非常浪费网络资源。localStorage和sessionStorage将存储大小提升到5MB，可以通过它们将部分数据本地化，降低资源加载等对网站性能的影响。关于cooki原创 2017-06-10 01:28:44 · 308 阅读 · 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 · 6190 阅读 · 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 · 280 阅读 · 0 评论