12 2018 档案
摘要:方法:用scss的函数动态计算rem值 $rem : 75px;基准值 设计图是750的宽 设为$rem变量设为75,设计图是350的宽 设为$rem变量设为35,老的写法 需要用js来配合来动态改变font-size大小 //以iPhone6作为基准屏幕宽度 @function px2rem($p
阅读全文
摘要:css彩色文字也称渐变文字 在张鑫旭博客首页看到这效果,就自己研究了一下。 实现方法加个背景然后在根据文本剪切,再把文本填充为透明色让之前设置的背景颜色显示出来即可。 -webkit-background-clip: text;根据文本剪切 -webkit-text-fill-color: tran
阅读全文
摘要:H5的video非常简单,方便,有时我们可能需要自己来设置样式来自定义的video,自定义的话我们需要对功能进行一些处理,这里常用的功能几乎是都用到了,第一次练习代码很累赘,之后会慢慢改进。 常用的一些 video API "视频播放":video.play(); "视频暂停播放":video.pa
阅读全文
摘要:H5 video全屏与取消全屏各浏览器兼容, requestFullscreen()全屏方法,exitFullscreen()退出全屏方法。兼容各个浏览器与css3兼容一样加个前缀即可。
阅读全文
摘要:前端js图片上传,原理用input type="file"获取图片然后把图片转换成base64编码传到后台. 图片上传
阅读全文
摘要:document.body.scrollTop等属性可以获取页面滚动距离等,但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0, 所以一般为了兼容性都这样写 document.documentElement.scrollTop || documen
阅读全文
摘要:原理:页面滚动高度+可视区域高度=页面内容高度时 显示提示框 获取页面可是区域高度也就是屏幕高度: const clientHeight = document.documentElement.clientHeight||document.body.clientHeight 获取滚动高度: const
阅读全文