近期一些学习总结2

Posted 2020-11-20 ljwsyt

1.图片平铺

这个之前也用到过几次，一直没有总结：

第一种方法：

1. #bo{  
2. display:inline-block;  
3. width:100%;/*图片自适应的父容器的宽*/  
4. height:100%;/*图片自适应的父容器的高*/  
5. }  
6. #bo img{  
7. width:100%;  
8. height:100%;  
9.   
10. } 

第二种方法：background-size的cover

 

2.layuiAdmin

3.jquery绑定事件，重复绑定时会有问题，导致最终哪个也进不去，所有在会有重复绑定可能的时候，需要先unbind解绑再绑定。

4.对于需要随时保存的页面，比如要监听页面的回退/前进、刷新、关闭。

结合angular使用的，angular自带有onDestroy，此事件在后退时会触发；而刷新时不会即刻触发，而是刷新完成后才触发，此时已经找不到刷新前的信息了；在页面关闭时没有触发；

而对于window对象自带的一些方法，

if (window.history && window.history.pushState) {

//window.on(‘popstate‘, function () { });

let that = this;

window.addEventListener("popstate", function (a) {

 

}

});

}

可监听到回退；

window.onbeforeunload和window.onunload在页面刷新时类似angular的onDestroy，而在页面关闭时，会首先触发window.onbeforeunload继而触发window.onunload。

如此一来，使用angular自带的销毁时的方法和window.onbeforeunload两个方法加上缓存（change等操作时缓存，在刷新后取），就可以实现我们的目标。