vue 全家桶 SPA 前后分离的图文多人 blog 系统

2,552 阅读1分钟
原文链接: github.com

fanpian

this is for learning vuejs

Todo

  • 上拉加载
  • 注册页样式修改
  • 表单验证
  • 路由权限验证
  • 文章详情设置
  • 发表留言
  • 纯文字上传
  • 增加loading及弹窗组件
  • 增加页面切换transition
  • 提供加载进度条
  • 添加用户文章搜索和展示结果页面
  • 图片上传 图片压缩

Issues

  • props可以直接用computed计算属性供子组件直接使用
  • 父组件定义在props中的函数方法、this无法指向子组件?还需要用箭头函数。。
  • 以v-show判断的元素在页面中只是以display为none存在,即节点仍存在、使用last-child的时候注意
  • 光标上下不居中:给input的height设定一个较小的高度,然后用padding去填充,基本上可以解决所有浏览器的问题

Topic

  • 图片上传 图片压缩研究
  • 缓存及spa节流
  • vue中api研究
  • 上拉加载下拉刷新研究

开发命令

# 启动
npm run dev

# 打包
npm run build 

后端地址

fanpianBackend

线上预览

Record 地址