开发中遇到的一些问题的解决方案

一、Session是运行在服务器端的，JavaScript是运行在客户端的，JavaScript不能直接运行服务器端的代码。

     所以如果要在页面上清空session，不能用JavaScript。通常我们是点击注销，然后跳转到logout.jsp或者login.jsp，所以可以在这两个页面上加入

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

session.invalidate();//这样就可以在我们注销跳转至该页面时对session进行清空
%>

二、今天想实现在ng-repeat中的一个按钮，鼠标移动上去按钮就变化样式，但发现hover事件没有效果，之后才发现，因为是在repeat的情况下，直接在css中用hover达不到想要的效果。最后用一种方式解决了

<button  class="btn" style="border: 1px solid #F1F1F1;background-color:white;color:#c52d2f"  ng-mouseover="change($index)" ng-mouseout="back($index)">查看</button>

$scope.change=function(i)
{
document.getElementsByClassName("btn")[i].style.background="#c52d2f";
document.getElementsByClassName("btn")[i].style.color="white";
};
$scope.back=function(i)
{
document.getElementsByClassName("btn")[i].style.background="white";
document.getElementsByClassName("btn")[i].style.color="#c52d2f";
};

    即通过元素的下标对应到相应的button，然后用mouseover和mouseout两个事件来实现类似hover的效果，虽然做法有点暴力，但至少解决问题了。

三、把div固定在页面的最底部，但这个底部的意思是在高度够高的情况下在最底下，在高度不够时，则处于电脑屏幕的最底端。

这个div如果位置在所有div的后面，那么只要前面的div 的高度够高的话，它的位置就会在页面的页面的底部的，一般想你这种说的要让他在页面底部的话都是页面高度太小，占不了满屏，导致页面底部部分下面有空白，你可以给这个div 前面的大的div 一个最小高度，让它撑起来。
<style>
.main{min-height: 700px;}
</style>
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>