Skip to content

Latest commit

 

History

History
110 lines (101 loc) · 2.99 KB

File metadata and controls

110 lines (101 loc) · 2.99 KB

日进程

  • *.map 文件
    • 如何生成
    • 有何作用:方便调试
    • 何时加载:F12开发者模式时候
  • 当用户连接和断开连接时广播消息

  • 添加昵称

  • 不要将消息发送给服务器后再返回给发送者,应该在用户按下回车后立即将消息显示到消息列表。

  • 添加 “{用户} 正在输入” 功能

  • 显示在线用户

  • 添加私密消息

  • 分享你的改进!

  • vue-node

  • 后台管理类必备功能

  • 注册登录登出 + 验证码 密码检测,如果用户不存在则自动创建

  • 检测是否登录,如果没有登录则不允许评论和评价

  • 可以上传影片到后台,进行前台展示

  • 评分功能,初始化评分可以自由设置,如果没有人like则默认显示原始评分,如果有则计算当前vide的评分

  • 修改用户名,检测用户名是否跟其他人重复

  • 上传头像,默认没有头像

  • 评论功能,评论之后可以在个人中心展示,并且可以删除

  • 搜索功能,可以搜索存在的影片,如果没有则显示无结果

  • 自己喜欢的video和评论的内容会在个人中心显示

vue场景

  • v-cloak
<p v-cloak>{{ msg }}</p>
<p :class="['btn', 'btn-info', flag ? 'active' : '']">嘿嘿嘿</p>
<p :class="['btn', 'btn-info', {'active': flag}]">嘿嘿嘿</p>
<p :class="[{'active': flag}]" class="btn btn-info">嘿嘿嘿</p>
<p :class="{'btn': true, 'btn-info': true, 'active': flag}">嘿嘿嘿</p>
<script>
let vm = new Vue({
  el: '#app',
  data: {
    msg: 'hi vue~',
    flag: true
  }
})
</script>
// promise 异常捕获场景
// 1. 过程有错 及时捕获 但是不影响后续异步业务
p1
.then((res)=>{
  // ss
  return p2
}, (err)=>{
  console.log(err)
})
.then((res)=>{
  // ss
  return p3
}, (err)=>{
  console.log(err)
})
.then((res)=>{
  // ss
  return p4
}, (err)=>{
  console.log(err)
})
// 2. 期间一步有错及时终止后续异步业务
p1
.then((res)=>{
  // ss
  return p2
})
.then((res)=>{
  // ss
  return p3
})
.then((res)=>{
  // ss
  return p4
})
.cach((err)=>{
  console.log(err)
})

点餐系统

  • vue技术栈
  • 支持微信支付宝浏览器多种扫码工具扫码点餐
  • 支持多人扫码点餐,websocket同步,解决传统点餐尴尬
  • 下单无线打印小票,后厨服务员同步收到订单信息
  • 支持微信支付宝在线支付,自动收银
  • 保留数据方便大数据分析
npm install synp -g
# package-lock.json => yarn.lock
npm install # be sure the node_modules dir exists and is updated
synp --source-file package-lock.json

2019-03-15

# url = https://github.com/LiChangyi/demo1.git
# url = https://github.com/bailicangdu/vue2-manage.git