码迷,mamicode.com
首页 > 其他好文 > 详细

近期一些学习总结2

时间:2018-06-26 15:06:04      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:刷新   总结   min   des   block   round   实现   inline   ack   

1.图片平铺

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

第一种方法:

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

第二种方法: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等操作时缓存,在刷新后取),就可以实现我们的目标。
 

近期一些学习总结2

标签:刷新   总结   min   des   block   round   实现   inline   ack   

原文地址:https://www.cnblogs.com/ljwsyt/p/9229020.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!