请选择 进入手机版 | 继续访问电脑版

HTML5星空

HTML5设备通用与连接

[复制链接]
发表于 2016-10-10 18:06:50 | 显示全部楼层 |阅读模式
拖拽与拖放 (Drag & Drop) 与 文件处理 (File API)
过去我们想实现网页中的拖拽效果,基本上都是使用DOM事件模型中的mousedown、mousemove、mouseup的鼠标事件监听来模拟拖拽效果,为了实现实时的拖拽移动效果,还要不停地获取鼠标的坐标,不停的修改元素的位置,代码要堆很多,而且性能也很差,现在有了HTML5原生的Drag & Drop 拖拽事件,再结合FileAPI 中的 FileReader,一切变得so easy~
C561.tm.png



53E7.tm.png



WebSocket
7F45.tm.png

现在,很多网站为了实现即时通讯,所用的技术都是轮询。这种模式需要浏览器不断的向服务器发出请求,然而HTTP请求的header信息是非常长的,这样会占用很多的带宽和服务器资源。
WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。能更好的节省服务器资源和带宽并达到实时通讯。
在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

更多资源及Java+大数据个人原创视频,
可关注本站官方公众号观看:
快讯

     京ICP备14042305号-1

html5star team © 2012-2013 html5星空 Comsenz Inc.

GMT+8, 2021-11-29 14:48 , Processed in 0.079827 second(s), 35 queries .

快速回复 返回顶部 返回列表