- 博客(4)
- 收藏
- 关注
原创 关于用雪碧图做动画并且自适应的问题
最近做了一个h5的下项目,里面涉及到的动画效果比较多,其中有一个就是用雪碧图加css3做动画。一开始遇到的问题就是雪碧图必须得用绝对坐标去获取图片的位置,但是我们需要做到的是自适应不同的屏幕针对这种情况,作出了以下的解决方案:上面的图片是我需要实现效果的雪碧图,规格是1*5,一般我们需求填充到整个背景的时候是使用background-size:100% 100%;不过这也不是我们想要的。那...
2019-10-24 16:15:24 571
转载 移动端rem横竖屏的适配以及华为等机型rem失效的问题
横竖屏的适配平时在做移动端的适配时,会经常用到rem单位来适配屏幕,大多数都是竖屏的情况,正常都能满足我们的需求。但是最近遇到了一个h5的小项目,是需要固定横屏,之前的js只是对竖屏进行了适配,横屏的时候由于宽高比例的转换,计算rem的算法也需要稍微改进一下,以750px的设计稿为例:(function (doc, win) { var docEl = doc.documentElem...
2019-10-11 17:51:41 2517
原创 诸葛IO埋点的使用
诸葛IO埋点的使用概述前言概念解析事件开始使用功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入概述最近项目中需要埋点...
2019-10-08 15:49:38 4200 1
原创 学习vuex(一):理解...mapActions,...mapMutations,...mapState
当一个组件需要获取多个状态的使用,我们通常会使用到mapState,然后我们经常可以看到项目中会写…mapState,…mapActions,…mapMutations有的小伙伴会对…mapState的写法有疑惑。其实这是使用了ES6的扩展运算符,因为mapState、mapMutations、mapActions函数返回的都是一个对象,computed计算属性接收的也是一个对象,所以当我们想和...
2019-10-08 11:29:31 1229 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人