H5
文章平均质量分 52
H5
高先生的猫
求知若渴,虚心若愚。
展开
-
WebSocket 长轮询 短轮询 优缺点区别
原创 2021-03-25 11:08:50 · 982 阅读 · 0 评论 -
H5+ API 设置手机状态栏颜色以及沉浸式状态栏
设置状态栏背景颜色plus.navigator.setStatusBarBackground('#38c'); 设置状态栏文字颜色(只能设置黑或白 light ->白色 dark ->黑色)plus.navigator.setStatusBarStyle('light');沉浸式状态栏(系统支持:Android4.4及以上、iOS7.0及以上)1、判断是否支持沉浸式plus.navigator.isImmersedStatusbar()默...原创 2021-02-18 16:50:21 · 3252 阅读 · 1 评论 -
h5 秒开方案大全
老板说 , 页面打开速度过慢? 页面加载性能不达标? 下面我们来看下各个大厂和团队的秒开经典方案,有没有一款适合你去探索?本页面会列举和总结偏向与客户端结合的 hybrid 秒开方案,纯前端方案也会部分提及。常用的加速方法说起 H5 性能优化方案,是个老生常谈的话题,通常的 web 优化方法,基本围绕在资源加载和html渲染两个方面。前者针对首屏,后者针对可交互。资源优化上,我们总的方向是围绕更小的资源包上,比如常见的:压缩、减包、拆包、动态加载包及图片优化上。html渲染上总的方向是更...原创 2021-01-06 11:20:50 · 295 阅读 · 0 评论 -
H5移动端适配的最佳实践
移动端适配我们需要做哪些事情? 一个最佳实践除了设置 viewport 和 rem 基准值,随着iPhone手机的不断升级,我们不得不正视以下2个问题:安全区域适配 识别刘海屏关于viewpoint-fit在切入正题之前,我们先展开介绍一下viewpoint-fit,它的作用是用于设置可视区域的尺寸,属性如下:PropName Description Name viewport-fit For @viewpoint Value auto | contaio原创 2020-05-28 10:12:58 · 597 阅读 · 0 评论 -
CSS3有哪些新特性?
一、RGBA和透明度RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道,即除了红绿蓝三种颜色外还增加一个代表透明度的通道,其中 RGB 值分别表示红色、绿色、蓝色,而 alpha 取值则为 0 到 1 (小数位一位)。二、background属性background-image:设置元素的背景图像。background-origin:规定背景...原创 2020-04-20 09:55:48 · 661 阅读 · 0 评论 -
HTML5有哪些新特性,移除了哪些元素?
HTML5的新特性1、语义化标签:<hrader></header><nav></nav>等2、绘画canvas3、SVG绘图4、视频和音频,用于媒介的video和audio元素5、input增强型表单控件:calendar,date,time,email,url,search6、本地离线存储localStorage长期存储数据,浏览器...原创 2020-04-20 09:57:01 · 230 阅读 · 0 评论 -
使用postMessage进行跨域通信
跨域通信是前端开发中经常会遇到的情景,跨域通信有多种多样的方式,今天就详细说一下使用postMessage这样方式进行跨页面脚本的数据通信。一、认识window.postMessage根据MDN的官方文档解释:window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为h...原创 2020-04-27 10:17:28 · 1745 阅读 · 1 评论 -
js获取页面url中的某个参数值
// 以此网址为例// https://www.xxxxx.com.cn?id=123455&name=lily// 获取指定值let id = getParameter('id') // 123456let password = getParameter('password ') // null// 获取H5参数 函数function getParameter(nam...原创 2020-02-21 13:36:35 · 974 阅读 · 1 评论