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

 

posted @ 2017-02-16 10:48  keang  阅读(418)  评论(0编辑  收藏  举报