html5
文章平均质量分 53
huang100qi
这个作者很懒,什么都没留下…
展开
-
H5缓存机制浅析-移动端Web加载性能优化
1 H5缓存机制介绍H5,即HTML5,是新一代的HTML标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。H5应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更...转载 2020-01-02 16:58:16 · 393 阅读 · 0 评论 -
深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame
与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame 引入 计时器一直是javascript动画的核心技术。而编写动画循环的关键是要知道延迟时间多长合适。一方面,循环间隔必须足够短...转载 2018-05-13 22:06:47 · 454 阅读 · 0 评论 -
HTML5 history.pushState()和history.replaceState()新增、修改历史记录用法介绍
1、使用pushState()方法 可以控制浏览器自带的返回按钮:有时候我们想让用户点击浏览器返回按钮时,不返回,或执行其他操作,这时,就用到history.pushState()方法讲解:history.pushState(data,title,url) //每执行一次都会增加一条历史记录,浏览器在返回时,就不会返回前一个页面了,data:要设置的history.state的值,可以是任意类型的...转载 2018-05-08 11:46:41 · 5650 阅读 · 0 评论 -
HTML5 移动页面自适应手机屏幕四种方法
1、使用meta标签:viewportH5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这...原创 2018-08-19 21:44:38 · 45351 阅读 · 0 评论 -
Flex盒模型理解
Flex布局,可以简便、完整、响应式地实现各种页面布局设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。inline-flex 和 inline-block 一样,对内部元素来说是个 display:flext 的容器,对外部元素来说是个 inline 的块。...原创 2018-09-06 16:11:49 · 280 阅读 · 0 评论 -
App真机 - 联调chrome、Safari调试
Android只需要四个步骤:1、先保证 是否安装了chrome浏览器2、其次 ,保证 chrome 是否 已经翻墙成功!3、最后 使用android 真机连接 电脑4、最后的最后,打开chrome ,输入:chrome://inspect即可,另外,chrome只支持 android 4.4以上手机!2017.06.27IOS只需要两步骤:1、打开手机端web...转载 2018-10-30 11:46:51 · 797 阅读 · 0 评论 -
H5兼容问题及解决方法
Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />// width 设置...转载 2019-04-22 14:00:02 · 1758 阅读 · 0 评论