摘要:
方法:用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 阅读全文
摘要:
原理:页面滚动高度+可视区域高度=页面内容高度时 显示提示框 阅读全文
摘要:
JSON.stringify()【从一个对象中解析出字符串】 JSON.parse()【从一个json字符串中解析出对象】 var data = {"nums": 1, "zsuser_id":2,'order_id':3}; //原数据var dataString=JSON.stringify(d 阅读全文
摘要:
mui 扫一扫识别二维码 以及多次扫码后从结果页返回时黑屏问题解决 扫一扫页面全部代码 <script src="js/mui.min.js"></script> <script src="js/mui.min.js"></script> 黑屏的原因是打开的不是一个新页面是之前缓存的页面,mui.o 阅读全文
摘要:
点击按钮,进行文本复制操作。实现这个功能需要二点; 一:用window.getSelection().selectAllChildren(“”)获取要复制的内容 二:用document.execCommand ("Copy");进行复制操作 关键代码 HTML JS 阅读全文