![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 92
lihefei_coder
这个作者很懒,什么都没留下…
展开
-
webapp页面模板
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><!--width=device-wid原创 2017-03-22 17:59:30 · 2128 阅读 · 0 评论 -
页面可见性改变事件 : visibilitychange
浏览器里当用户切入或切出当前标签页时,会触发visibilitychange事件(IE10以下浏览器不兼容)。这个事件能很好的解决页面在不可见的情况下,通过状态判断针对性减少网络请求、服务器压力等。document.addEventListener('visibilitychange', function() { if(document.hidden){ //页面不可见状态原创 2017-03-23 16:04:46 · 4219 阅读 · 0 评论 -
使用localStorage统计页面停留时间
function statisticsStay(){ console.log(localStorage.getItem('testSecond')); var second = 0; //开启定时器记录页面停留时间 var timer = setInterval(function(){ second++; },1000); //页...原创 2018-03-30 16:05:04 · 2098 阅读 · 3 评论 -
HTML5压缩图片
实现思路:1.通过文件选择按钮获取本地图片 2.获取本地图片的dataURI数据创建本地图片预览 3.创建canvas画布图片预览 4.通过canvas的toDataURL()方法返回压缩后的图片格式的dataURI 5.用canvas返回的dataURI创建压缩后的图片预览注意点:1.不兼容低版本IE浏览器 2.canvas 必须有宽度和高度 3.输出为jpg格式才能压缩方法及参数说明原创 2016-12-23 15:00:33 · 1586 阅读 · 0 评论 -
checkbox半勾选状态indeterminate
html5给复选框新增了一个半勾选状态的显示效果但这个indeterminate属性不能直接添加到html上,只能通过js控制<input id="test" type="checkbox"><script> var ele = document.getElementById('test'); ele.indeterminate = true;</scr...原创 2019-01-16 18:22:27 · 4913 阅读 · 0 评论 -
Hybrid App开发问题记录
一、web前端1.调用APP原生方法const nativeOS = { isAndroid() { return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent); }, isIos() { return /(Android)/i.test(navigator.userAgent); }, isMobi...原创 2019-06-18 15:06:53 · 326 阅读 · 0 评论