12 2018 档案

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

点击右上角即可分享
微信分享提示