前端遇到的问题的积累

1.input框,值变实时监控$('body').bind('input propertychange', function() { console.log($("input").val())});

2,安卓微信浏览器播放不了视频:服务器压缩了视频文件就会出现这个问题

3,jquery添加类,error有bug

4,样式设置半开: border: 1px solid #ccc; border-bottom-color: transparent;

5,jquery parent和parents("div:eq(0)")的区别

6,6s plusjs失效问题 function getAjaxData(idx,clear,gc_id="")

7,bootstrap弹出模态框时触发事件 $('#identifier').on('shown.bs.modal', function () { // 执行一些动作... })

8,图标的基础大小不同,font-size的大小就不同,所以,如果要大小一样的,找的时候要注意找一样的,或者在其外面包裹一个盒子,让他在其中居中。

9,jquery遍历方法 $("li").each(function(){ alert($(this).text()) });

10,input框大小里面字的大小的设置

11,根据屏幕大小设置块的高度var pelheight = document.body.clientHeight;$(".table-content").css("height",pelheight-550);$(window).resize(function(){ var pelheight = document.body.clientHeight;$(".table-content").css("height",pelheight-550);});

12,jquery中attr和prop的区别在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。例如:checked问题,使用attr就会出问题

13,payHave这个类名不起作用?

14,苹果手机弹出框失效,苹果点击冒泡click只在链接和input框中有效要用touchstart或者touchend点击事件才有效

15,inline-block有换行产生间隙问题,

16,vertical-align垂直对齐方式

17,点击打电话:

18,~是按位取反运算,~~是取反两次在这里~~的作用是去掉小数部分因为位运算的操作值要求是整数,其结果也是整数,所以经过位运算的都会自动变成整数除了~~n 还可以用n<<0n>>0n|0取整与Math.floor()不同的是,它只是单纯的去掉小数部分,不论正负都不会改变整数部分

19.目前伪装类是不可获取的。更何况是去修改伪类的content,建议尝试用class去修改他.cc:after{content:"我是伪类"}

.cc.aa:after{content:"我的伪类文字被动态修改了"}

jquery代码$(".cc").hover(function(){$(this).addClass("aa");

20,//基于zepto的左滑删除$('dl').live("swipeLeft",function(){//左滑显示隐藏按键        $(this).animate({transform:"translateX(-68px)"},300);    });    $('dl').live("swipeRight",function(){//右滑恢复      $(this).animate({transform:"translateX(0px)"},300);    });//基于jquery左滑删除功能$(".wbox").on("touchstart", function(e) {    e.preventDefault();    startX = e.originalEvent.changedTouches[0].pageX,    startY = e.originalEvent.changedTouches[0].pageY;});$(".wbox").on("touchmove", function(e) {    e.preventDefault();    moveEndX = e.originalEvent.changedTouches[0].pageX,    moveEndY = e.originalEvent.changedTouches[0].pageY,    X = moveEndX - startX,    Y = moveEndY - startY;    var movedistance = $(this).css("transform").split(",")[4];    console.log(movedistance)    if ( X < 0 ) {    if(movedistance>-68){        $(this).css("transform","translateX("+X+"px)");      }    }else if(X > 0){    if(movedistance<=0){        $(this).css("transform","translateX("+X+"px)");      }    }});

21,sourcecrt

22,刷新本页href="javascript:location.replace(location.href);"

23,去除谷歌输入框黄色的背景input:-webkit-autofill,  textarea:-webkit-autofill,  select:-webkit-autofill {        -webkit-box-shadow: 0 0 0 1000px white inset; } input[type=text]:focus, input[type=password]:focus, textarea:focus {      -webkit-box-shadow: 0 0 0 1000px white inset; }

你可能感兴趣的:(前端遇到的问题的积累)