ego

一个二次元绘画作品分享网站。

所有交互及AJAX请求均通过原生JavaScript实现，不使用第三方框架和库（如jQuery）。

PS：后端由网易云提供，限制了访问频率。因此部分AJAX请求会被挂起，导致页面渲染不完整、交互无法及时反馈。

实现功能：

• 首页
  1. 顶部tab
     1. 有选中效果
     2. hover动画效果
  2. 顶部搜索
     1. 输入非空进行搜索操作
     2. 回车和点击图标都可进行搜索操作
  3. 登录后顶部展示用户信息
     1. 用户名很长…显示
     2. hover出现下拉列表
     3. 点击“退出登录”退出，跳转到首页
  4. 轮播图
     1. 图片垂直剧中
     2. 图片5s切换（500ms淡入淡出）
     3. 点击指示器定位到指定图片
     4. hover上去轮播停止，hover退出轮播继续
     5. 图片可以通过鼠标拖动切换
  5. 明日之星
     1. 通过Ajax获取推荐关注列表
     2. 未登录时，点击关注，弹出登录弹窗
     3. 已登录时，关注和取消关注功能可用
  6. 侧边热门话题2行显示，文字太多直接截断
• 登录
  1. 数据验证
     1. 手机号非空，11位数字
     2. 密码非空
     3. 验证失败，相应输入框变红
  2. 登录
     1. 登录功能可用
     2. 登录成功后，如果在首页，首页的明日之星列表需要刷新数据
     3. 登录不成功，显示错误
  3. 点击立即注册，关闭登录弹窗，弹出注册弹窗
  4. 点击关闭图标，弹窗关闭
• 注册
  1. 级联选择器可用
     1. 地区数据正确
     2. 生日数据，大小月30/31日，闰年2月29日数据正确
  2. 验证码
     1. 验证码显示正确
     2. 点击验证码更新
  3. 表单验证
     1. 手机号非空，11位数字
     2. 昵称中文英文数字均可，至少8个字符
     3. 密码长度6-16位字符
     4. 验证失败，相应输入框变红
  4. 注册
     1. 注册功能可用
     2. 注册成功关闭注册弹窗，打开登录弹窗
     3. 注册不成功，显示错误
• 我的作品
  1. 年龄、星座、城市名计算正确。
  2. 作品列表加载正常，加载列表期间要显示loading图标，没有作品时有文案提示。
  3. 分页功能正常可用。
• 上传作品
  1. 表单元素行为正常：
     1. 作品分类按钮组状态互斥
     2. 权限设置按钮组状态互斥
     3. 作品授权的模拟下拉菜单
  2. 图片上传功能可用：
     1. 实现上传图片本地预览
     2. 图片可以批量上传
     3. 上传过程中可以添加新图片、取消未上传完成的旧图片
     4. 每张图片上传过程中均有进度条
     5. 单张图片的大小小于1MB
     6. 每次最多选择10张图片，超过10张要有弹窗提示
     7. 设置封面功能正常
  3. 标签组件功能可用：
     1. 加载系统推荐标签
     2. 标签可删除
     3. 标签可添加
  4. 表单可正常提交
     1. 不丢失任何数据信息
     2. 提交前需要检查作品名称是否为空