七天免密码登录

方案1：使用jwt 放弃原因占用cookie空间太大
方案2：使用session 无法做到持久化存储
方案3：使用redis
解决：使用redis缓存数据库解决

路由过渡

复杂页面过渡效果无法实现

组价动画

组件的进入与离开动画
父组件中的组件出现的动画与组件内部元素出现时的动画冲突的，

数据本地储存与服务器冲突时解决方案

可以实现用户未登录与登录状态的添加卡片， 修改卡片时信息无法显示， 以及当用户从本地登录转换为登录状态，数据的同步
数据更新异常： 已解决 由于登录模式中,文本框中的值会多个换行，以及向本地存储数据时的思考不全。
下一步实现未登录添加数据后登录后与云端同步数据

滚动条控制

时间选择组件中滚动条控制选取时间值

图片上传

难点：

  • axios 修改请求头
    • 官方文档中post中的请求中有例子
  • 文件类型的转换，Blob File Buffer besa64，以及按照规则上传对应的数据
    • 使用vue-cropper 截取图片后的数据格式为Bolb与besa64，besa64的数据包太大选择Blob的数据格式，但是需要将blob转化为File格式进行上传，但是上传时会乱码
  • 构建http请求头
    • 使用formData 构建请求头，
  • node 截取请求头为'Content-Type': 'multipart/form-data'携带的数据
    • 使用multer 拦截携带的数据，需要获取文件的buffer作为上传文件的内容
  • node实现充当中间商，对上传的文件分析后上传到轻服务