随笔分类 - HTML、HTML5
关于HTML相关的所有内容。
摘要：初识websocket websocket的应用：构造函数、常量、属性、方法 websocket应用示例 一、初识websocket 1.1Websocket是一种网络协议，是在HTTP基础上做出一些优化的协议，与HTTP无直接关系。WebSocket是HTML5开始提供的一种在单个TCP连接上进行
阅读全文
摘要：fileReader的方法与事件 fileReade实现图片预加载 fileReade实现文件读取进度条 fileReade的与file.s实现文件切片读取 一、fileReader的方法与事件 1.方法 FileReader.abort()：终止读取操作。返回时，readyState属性为DONE
阅读全文
摘要：worker概述 worker基本使用 window下的postMessage worker多线程的应用 一、worker概述 web worker实际上是开启js异步执行的一种方式。在html5之前有事件、定时器、http请求三种异步机制，js本身并不能主动将一块代码使用异步的方式执行，worke
阅读全文
摘要：history hashchange与popstate 一、history history.back()：加载history列表中的前一个URL history.forward()：加载history列表中的下一个URL history.go(n)：加载history列表中的某一个具体页面 hist
阅读全文
摘要：关于客户端存储技术 storage 一、关于客户端(浏览器)存储技术 浏览器的存储技术第一个能想到的应该就是cookie，关于cookie本身出现的初衷是为了解决客户端识别，可存储信息量小（4k左右），并且每次网络请求都会被请求协议携带发送到服务器，这在一定程度上是比较浪费网络资源，损耗性能。 在H
阅读全文
摘要：定时器setInterval实现的匀速动画为什么不是匀速？ window.requestAnimationFrame() 一、定时器setInterval实现的匀速动画为什么不是匀速？ 以上提问并非通过计算时间戳来计算每帧运动，而是直接使用定时器按照既定的间隔时间叠加每次运动距离的方式，这里主要意在
阅读全文
摘要：SVG简介 SVG画线与矩形 SVG画圆、椭圆、折线 SVG画多边形和文本 SVG透明度与线条样式 SVG的Path标签 SVG线性渐变、放射性渐变 SVG高斯模糊 SVG虚线以及简单的动画 SVG的viewbox（比例尺） 一、SVG简介 SVG全称Scalable Vector Graphics
阅读全文
摘要：canvas简介 画线 画矩形 画圆 canvas与贝塞尔曲线 坐标平移旋转与缩放 canvas的save与restore 背景填充 线性渐变 辐射渐变（径向渐变） 阴影 渲染文字 线端样式 一、canvas简介 最早在apple的safari 1.3中引入，ie9之前的浏览器不支持canvas，相
阅读全文
摘要：HTML5的初步认识 一、HTML5的初步认识 关于html5的一些历史可以通过这篇博客了解：https://www.cnblogs.com/fly_dragon/archive/2012/05/22/2513716.html 1.为HTML5建立的一些规则： 新特性应该基于HTML、CSS、DOM
阅读全文
摘要：一、元素的块级与行级特性 在CSS属性display控制元素是否及如何显示的特性，常用的值有none、inline、block、inline-block，在CSS3中还有一些新的特性状态，在这里不做讨论。 这里我们主要讨论display在CSS布局中涉及到主要属性值inline、block、inli
阅读全文
摘要：一、主流浏览器与其内核（一个并非html知识点，但与html又有千丝万缕的关系） 中文名称——英文名称——内核 IE浏览器——IE——trident 火狐浏览器——firefox——Gecko 谷歌浏览器——Google Chrome——webkit/blink 苹果浏览器——safari——web
阅读全文
