magicsli/vue-note

vue2.6 + vue/cli 3 + express 的一个在线记事本项目

项目介绍

极简记事本

• 此项目采用前后端分离设计方案, 具有真实生产环境运行的能力

• 项目连接: < 网站正在装修中, 带项目功能完善后将会上线 /> 我的站点

• 环境配置:vue/cli3 + webpack

• 前端使用技术: vue + vant-ui + axios

• 后台使用技术: node + express + mongodb

• 开发人员:

  • MagicSLi (个人项目)

• 项目功能:

  • 前端:
    • 极简式 登录 / 注册
    • 自动登录
    • 行程安排
    • 数据的 增 / 删 / 改 / 查
  • 后端:
    • 记录用户登录数据
    • 处理用户行程列表输出

• 难点: 没有任何辅助条件, 没有设计图, 没有素材 从 0 到 1. 小全栈项目

开发一记

• 在制作时碰见一个极为棘手的问题, 由于vant-ui的不完善, 在使用日期组件的时候.有一个致命性的bug, 当滑动到一个小于最小时间(这个应该属于ui组件设计的bug), 浏览器会崩溃.

  • 解决办法: 为日期组件 以及 时间组件 取当前年份, 解决由于闰年带来的崩溃问题. 将取值判断放在点击按钮时来处理, 添加从可选的 0 到最大的 31 这个取值区间(只有在这两个临界点才不会出现崩溃的状况)

• 日期格式与字符串格式之间的互相转化也是一个很棘手的问题, 花费一定时间摸清楚vant-ui中日期组件取值的奇怪的格式, 并且将其拼接转化. 暂时解决日期格式与组件格式带来的格式问题

• 2019/5/31 更新详情：

  • 1, 修复登录状态保持的错误
  • 2, 修复事件完成进度条的显示错误
  • 3, 修复行程列表指示的显示错误
  • 4, 修复登录时的一些小bug
  • 5, 进行第二次上线测试

• 对这些小问题的一点心得:

  • 这些问题其实都不算问题, 只是处理起来繁琐, 思路未清晰前写的功能多数具有致命性的问题, 但若不开笔,很难在纸笔上找到设计的整体思路, 想法千百, 但真正能端出来的不多. 很多想法在稍微思考后就察觉到实现起来的困难性, 且并不是现在所需要的,真正的灵感是能够实现出来,并且折服他人的.

结尾一记

• 项目初步完工, 花费大约20个小时左右, 里边绝大部分时间在思考功能的设计与实现.由于大部分功能是临时起意实现的, 做出来的和当初的设计模型相差很多, 在开放时总在想怎么才能做得好看,有个性. 怎么可以做得更好, 也为了图方便,我用了一些非标准用法. 如直接修改props数据对象中的元素来达到子父通信

  • 其实总归而说,我对我的这个小项目还是很满意的, vant这个ui库用起来也还是很爽的, 不过的确.我的80%的问题都来自这个ui库... 非常有潜力的一款ui组件库. 希望以后多多完善吧!