因为考虑用户体验的关系,这两个小东西也是耗费了不少的精力
1、第一步肯定是做好登录和注册页的正则判断
2、登录之后用localStorage本地存储登录数据,在各页面间调用,注册页也是一样,注册之后实现自动登录功能
3、要保证页面刷新之后导航栏的用户名不会变成undefined,登陆成功方法中要获取的是localStorage中存储的用户名,不能是单独传入登录或注册页的 用户名input的value,以免页面刷新之后由于登录注册页中的input为空导致导航栏的用户名变为undefined
4、当然,注册和登录成功之后的方法中也要定义好各个模块需要变化的样式,防止重复代码的出现,提高代码效率
5、退出登录方法也要注意清除本地存储的用户数据,同时页面一些模块的样式要注意变化,该改回来的样式不要忘记
6、用户体验不够完善,其实,也可以称之为出BUG了嘛是吧
7、附上文中两个功能的 示例网站地址 http://www.chenzeyong.com