web编程:像QQ和微信一样提醒来信

应用场景:
  在Y公司的时候接到过一个有趣的任务,给OA系统中的内部信息提醒加上实时的小红点,就是类似QQ和微信那样可以实时提醒用户来了几条短信息。
  一开始只有在用户进入内部消息模块的个人界面时会从后台获取他未读的信息数目并显示,由于不需要对这个小红点做拖拽操作的处理,任务的关键就集中在实时这个环节上。

手机上还可以对这个小红点做拖拽操作,涉及关于二阶贝塞尔曲线的图形绘制

设计思路:
  要想让后台数据库新增了一条针对某用户的通信消息,就实时反应在该用户的个人界面上,必然要做到客户端能获取到这个最新数据,然后通过 js 加以更新。实际上web页面的显示常常都是由客户端主动发起请求,服务器给予响应,在页面加载完成后客户端与服务器的数据连接就断开了。
  这时候还想要继续从后台获取数据,就必须再次发起新的请求,然后重复服务器响应、浏览器处理、连接断开这个过程。为了满足“实时”的需求,在前端页面上通过定时器间隔一定时间不断发起请求,就能达到对未知短信数目的持续更新,这个操作被称为轮询。

轮询的弊端非常明显,由于是通过定时器控制,当时间间隔过长,“实时”的效果将大打折扣;当时间间隔过短,频繁发起的请求会造成大量开销,加重服务器和数据库的负担。实际上,在生产环境中几乎不会使用轮询,这是一种在设计上就存在很大隐患的操作。

  实际上,一般是通过长轮询/长连接的方式来实现实时操作。在HTML5之后新增的WebSocket则真正的实现了全双工通讯。此外,反向ajax框架DWR也是可以参考的解决方式。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值