![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
蒲公英芽
这个世界没有原地踏步的说法,你不进步,便只有倒退。
展开
-
移动端适配的五种方案 em rem vw/vh 百分比 媒体查询
移动端适配的几种方案:rem方案vw/vh方案rem+vw方案百分比基于媒体查询的响应式设计前言先来认识一下em:em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em特点:em的值并不是固定的;em会继承父级元素的字体大小。注意:任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1e...原创 2020-04-09 22:32:30 · 6111 阅读 · 1 评论 -
websocket 详解,与node.js完成即时通讯案例
1. 前言之前,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。HTML5 定义的 WebSo...原创 2020-03-19 21:55:57 · 1084 阅读 · 1 评论 -
移动端事件 click touch tap swiper 点击穿透的问题
click事件click事件在移动端会有200-300ms的延迟,是因为手机上双击屏幕,缩放功能的存在。在手机上打开页面,快速双击时,页面会被放大。所以当你在点击第一次的时候,系统会等200-300毫秒,看你会不会点第二次,如果有第二次,则会放大当前页面内容;如果没有点第二次,才会执行点击事件。同样的原因,dbclick事件在手机上也是失效的。touch事件touch相关的事件跟普通的其他...原创 2020-03-14 22:47:51 · 3858 阅读 · 1 评论 -
Canvas 详解(二)绘制圆形或弧线 绘制文本
绘制圆弧有两个方法可以绘制圆弧:1、arc()arc(x, y, radius, startAngle, endAngle, anticlockwise)以(x, y) 为圆心,以r 为半径,从 startAngle 弧度开始到endAngle弧度结束。anticlosewise 是布尔值,true 表示逆时针,false 表示顺时针(默认是顺时针)。角度转弧度公式为 Math.PI ...原创 2020-03-06 21:53:22 · 2591 阅读 · 0 评论 -
HTML5 Canvas详解(一)
简介Canvas是 HTML5 新增的一个标签,它的主要作用是画矢量图。使用Javascript 脚本来绘制图像。canvas能做游戏,能做特别炫的效果,主要是为画图而生。Canvas是一个实时渲染的图片,可以实现不刷新页面,对画布进行实时渲染(runtime)。Canvas使用1、判断用户浏览器是否支持 <canvas>标签由于某些较老的浏览器(尤其是 IE9 之前的...原创 2020-03-06 09:31:27 · 1651 阅读 · 0 评论 -
Web Worker 多线程
Web Worker作用Web Worker 的目的就是为了给 Javascript 创建多线程的环境,允许主线程创建多线程,将一些任务交给别的线程执行。在主线程运行的同时,其他多线程在后台运行,两者互不干扰。使用 postMessage() 可以将数据在主线程和子线程之间进行传输。这样的好处是,一些计算量大的任务,被子线程负担了,不会影响主线程(通常负责UI交互)的加载,页面就会很流畅,不会被...原创 2020-03-05 19:56:02 · 592 阅读 · 0 评论 -
HTML5 地理定位 geolocation
geolocation 地理定位HTML5 Geolocation 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。1、判断用户浏览器是否支持该功能,Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释:对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。ini...原创 2020-03-05 18:52:13 · 314 阅读 · 0 评论 -
video/audio 音频/视频 标签详解
video<video> 标签定义视频,比如电影片段或其他视频流。可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。HTMLVideoElement 和 HTMLAudioEl...原创 2020-03-04 20:06:40 · 3415 阅读 · 0 评论 -
HTML5新增标签 表单 属性 事件
HTML5简介HTML5是HTML最新的修订版本,2014年10月由W3C(万维网联盟)完成标准制定。HTML5是W3C与WHATWG(指Web Hypertext Application Technology Working Group)合作的结果。WHATWG致力于web表单和应用程序,而W3C专注于XHTML2.0。在2006年,双方决定进行合作,来创建一个新版本的HTML,也就是现在...原创 2020-03-02 16:51:06 · 627 阅读 · 0 评论 -
HTML5应用缓存 manifest
定义使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。 将 web 应用进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源缓存方法1、web 服务器配置MIME类型:MIM...原创 2020-03-02 18:11:20 · 515 阅读 · 0 评论