雪旭

摘要： 添加class 对象形式添加 activated为true时p标签的class为activated false时为空 数组形式添加 activated的值是data中的内容即activated style绑定样式 对象形式 数组形式 官方文档 ：https://cn.vuejs.org/v2/gui 阅读全文

摘要： 添加: obj.classList.add("active"); 删除:obj.classList.remove("active");例子 <button class="btn1 btn2">点击</button> <script> var btn=document.querySelector(". 阅读全文

摘要： 方法:用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 阅读全文

摘要： JSON.stringify()【从一个对象中解析出字符串】 JSON.parse()【从一个json字符串中解析出对象】 var data = {"nums": 1, "zsuser_id":2,'order_id':3}; //原数据var dataString=JSON.stringify(d 阅读全文