前端学习记录

Posted 2020-09-18

总结一下这几天跟前辈学的新知识：

1.吸顶效果，普通的做法是在onscroll函数中监听滚动距离，如果滚动超过导航条高度，则将导航条的class添加.fixed。但是ios6+设备下的浏览器会在页面滚动的时候暂停所有js的执行，包括setTimeout和setInterval，onscroll也不会执行，只有在滚动停止时才会继续执行js。

解决办法：

position：sticky可支持ios6+,但是完全不支持。在实现该效果时需要先判断用户的浏览器，如果为安卓则使用onscroll进行判断.fixed的移除和提阿甲,如果为ios则使用.sticky

.sticky {

    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.fixed {

    position: fixed;
    top: 0;
}
2.loading方法的显示与隐藏，显示应该在ajax执行之前调用，并且和ajax请求在一个函数中，隐藏应该ajax请求之后调用并且也和ajax请求在一个函数中，这样能使查找函数更通用。
3.查询都用后台请求，不用过滤的原因，在页面分页时使用过滤查询有可能造成查询结果的不准确。