Tips
移动端弹窗上滑动时候,底层body元素也跟着滚动,简称为滚动穿透问题。
网上查询了下解决方案,方案很多,大多数搞得很复杂,有判断滑动方向的,有禁用touchmove事件的等等,简单使用一下几步解决这个问题:
1.弹出遮罩的时候,设置body元素的俩属性overflow为hidden,position为fixed,并记录下此时滚动条距离顶部的位置,
this.scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
2.关闭弹窗的时候,恢复overflow属性为auto,position为static,并滚动到记录的位置:
document.body.scrollTop = document.documentElement.scrollTop = this.scrollTop || 0;
The following untracked working tree files would be overwritten…
git clean -d -fx
git clean -d -fx "" d -----删除未被添加到git的路径中的文件 f -----强制运行 x -----删除忽略文件已经对git来说不识别的文件
查看node进程 ps aux | grep node
/usr/local/node/bin/node bin/www
/usr/local/node/bin/node /usr/local/node/lib/node_modules/forever/bin/forever restart bin/www
stg服务器报500错误,立即终止服务 forever stop bin/www
再执行 node bin/www查看错误信息
关闭后ctrl+c再开启服务forever start bin/www
forever命令找不到: export PATH=$PATH:/usr/local/bin或者 /usr/local/node/lib/node_modules/forever/bin/forever restart bin/www
密码规则,不允许包含特殊字符(特殊符号、emoji、中文)
const regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im, regCn = /[·!#¥(——):;“”‘、,|《。》?、【】[\]]/im, regEmoji = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/im, regZh = /[\u4e00-\u9fa5]/im;
在div的overflow属性为hidden的情况下设置box-shadow无效!
jquery获取iframe内嵌页面里的DOM元素:
$(window.frames["iframeName"].document).find("#testId").html()
只有普通文档流中块框的垂直边界才会发生边界叠加。行内框、浮动框或绝对定位框之间的边界不会叠加。(边界叠加在元素之间维护了一致的距离)
iframe内嵌页面视频播放器只能在内嵌页面全屏无法在当前页面全屏:
在iframe上添加allowFullScreen属性即可解决这个问题
<iframe border="0" frameBorder="0" name="device_iframe" id="device_iframe" allowFullScreen="true" class="device_iframe" width="100%" height="100%"></iframe>
vue.js使用饿了么组件对输入框应用回车键监听事件:
<el-input class="search-input" v-model="searchText" @keyup.enter.native="searchByButton"></el-input>
jquery 的ajax方法
$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text beforeSend:function(xhr){ console.log(xhr) console.log('发送前') }, success:function(data,textStatus,jqXHR){ console.log(data) console.log(textStatus) console.log(jqXHR) }, error:function(xhr,textStatus){ console.log('错误') console.log(xhr) console.log(textStatus) }, complete:function(){ console.log('结束') } })
jQuery append进来的元素绑定事件无效
问题:通过jQuery append添加进网页的元素,常用的事件不能触发,比如:append了class 为 item 的元素,那么 $('.item').click(function(){})是没有效果的。
有教程说要用live()函数,但是jQuery以后的版本已经废弃了live这个方法,因此采用on方法来解决这个问题。
解决方法:用on函数,要注意格式
正确格式: $("outerSelector").on('eventType','selector',function(){});
outerSelector 是一个一直存在的DOM, selector是你要监听点击的节点;
正确的写法是:$(document).on('click',"[name='submitbutton']",function(){....});
OK,搞定!
判断传入的日期是否为周末:
function isWeekEnd(date){ if( "天一二三四五六".charAt(new Date(date).getDay())=="天" ) return true; if( "天一二三四五六".charAt(new Date(date).getDay())=="六" ) return true; } isWeekEnd("2014-04-13");
返回true