前言 最近在项目中遇到了两个需求，并且都用到了H5的这两种储存方式 1 sessionStorage 需求：我从后台得到一个URL的时候，我根据路由判断用户一进入页面显示出一个蒙层，当用户进入当前页面的其他页面再返回时需要使蒙层消失，这时候我就使用到了sessionStorage以及它的特性 浏览器 ...
分类：
其他好文 时间：
2018-05-25 16:07:28
阅读次数：
162
1 jq版本太低，我的modal弹框会报错，精选页面弹框会出不来。解决方法：升级jq版本 2 点击弹框上的按钮，会把蒙层的点击事件一起触发，两个点击的方法都被调用。原因：事件冒泡。解决方法： function(e){ if(e && e.stopPropagation) { //非IE e.stop ...
分类：
其他好文 时间：
2018-05-02 20:57:43
阅读次数：
150
请求数据的时候需要加一个蒙层，防止前端页面发生重复操作的情况。 下面是我使用的方法，将方法封装到了函数里： 仅供参考。 有问题欢迎大家留言探讨！ ...
分类：
其他好文 时间：
2018-03-08 12:02:54
阅读次数：
136
怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform: translateY（）属性，给需要动画的元素添加上一个动画class。 先上效果图： 1.蒙层的结构： 注意：三元运算符里的slideup和slidedown一定要加上引号 2.蒙层的其 ...
分类：
微信 时间：
2017-12-26 14:36:19
阅读次数：
978
默认模态框弹出后，点击背景蒙层部分弹框会消失，如要解决，需要在模态框属性中加 aria-hidden="true" data-backdrop="static"属性即可； ...
分类：
其他好文 时间：
2017-11-16 15:51:45
阅读次数：
115
要做一个这样的蒙层很简单。要实现点击空白地方蒙层消失的时候要注意 $(触发蒙层对象).click(function(e){ e.stopPropagation(); //这里阻止冒泡事件是最重要的，如果不阻止冒泡，会导致蒙层出现之后马上消失。就是因为点击事件冒泡到document上了。 蒙层出现； ...
分类：
其他好文 时间：
2017-11-13 16:45:45
阅读次数：
389
单例模式 一个类只能有一个实例化对象。如页面中的弹出框蒙层，一个页面只需要一个。 实现方式：创建一个类，这个类包含一个方法，这个方法在没有对象存在的情况下，将会创建一个新的实例对象。如果对象存在，这个对象只是返回这个对象的引用。 ...
分类：
编程语言 时间：
2017-09-14 23:33:09
阅读次数：
147
【需求】点击分享按钮，首先判断用户是否登录状态，若不登录不能进行分享，跳到APP登录页面；若登录，可弹出分享蒙层。 【步骤】1、判断登录方法并不难，由于我们APP端将登录userId存放在cookie中，只要从里面取userId即可。 2、调APP中的分享，由于右上角的分享APP是调我们组件中的方法 ...
分类：
其他好文 时间：
2017-08-08 16:51:41
阅读次数：
135
echarts柱形图与时间轴的结合 柱形图是可以推叠显示的，但我们的要求是图底是一个统一高度的蒙层显示基数、固定，（个人目前暂没有找到能实现需要的方法，如有欢迎在下在告知。非常感谢），个人实现方法，是做的伪类，由于是在手机端显示，有一个弊端就是蒙层的位置不好调整，需要用到媒体查询来监测。 在来说时间 ...
分类：
其他好文 时间：
2017-05-08 16:07:19
阅读次数：
2092
大致效果是这样的：点击菜单出现蒙层，点击其他区域，该蒙层隐藏，很常见的一个效果，由于平时写整体的一个布局，写兄弟级用z-index控制就可以实现，这次遇到的情况是该别人的代码，对方代码都分模块了，不好直接加，如图： 点击非蒙层区域，该区域隐藏：css代码： body{ margin: 0; padd ...
分类：
Web程序 时间：
2017-02-23 15:49:57
阅读次数：
309
