HTML5
_双眸
GitHub:https://github.com/BothEyes1993
【所有demo地址】
1
2
展开
-
初探和实现websocket心跳重连
初探和实现websocket心跳重连心跳重连缘由在使用websocket过程中,可能会出现网络断开的情况,比如信号不好,或者网络临时性关闭,这时候websocket的连接已经断开,而浏览器不会执行websocket 的 onclose方法,我们无法知道是否断开连接,也就无法进行重连操作。如果当前发送websocket数据到后端,一旦请求超时,onclose便会执行,这时候便可进行绑定好的重...原创 2018-12-09 21:13:27 · 318 阅读 · 0 评论 -
Html5的新特性总结
新加语义化标签:HTML5其实是关于图像,位置,存储,速度的优化和改进图像: 到目前为止,基本上想要直接在网页上进行绘图还是不能轻易完成的,即使是几何图形也不可以。在浏览器当中直接能跟图片的交互操作也很有限,多数是保存和点击。如果希望能够跟图片进行更多的操作或者在浏览器当中画出图形,就需要flash, silverlight 这类插件来帮忙。HTML5了解人们的需求,HTML5已经确定...原创 2018-12-09 21:24:37 · 235 阅读 · 0 评论 -
HTML5数据存储方案data与jQuery数据存储方案$.data()的区别
我们先看下.fn.data()的使用,这个和.fn.data()的使用,这个和.fn.data()的使用,这个和.data()是不一样的,前者是和某个jquery对象相关,后者则是全局方法。主要有data()和removeData()这2个实例方法。通过下面的例子和执行结果可以看到:.fn.data()和.fn.data()和.fn.data()和.fn.removeData()跟$.data的...原创 2018-12-09 21:38:48 · 195 阅读 · 0 评论 -
websocket 和 dwr 做web端即时通信
一、WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)首先HTTP有1.1和1.0之说,也就是所谓的keep-alive,把多个HTTP请求合并为一个,但是Websocket其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,也就是说它是HTTP协议上的一种补充可以通过...原创 2018-12-09 22:07:48 · 753 阅读 · 0 评论 -
Html5本地存储+本地数据库+离线存储
首先介绍什么叫存储:cache:通常把它叫做缓存,功能就是把从DB,或者磁盘拿出来的东西放在缓存里面,这样的话可以减少读取磁盘的IO。磁盘文件:通常把一些图片或者一些视频都存放在磁盘上。数据库:mysql,oracle,一般都是存放一些关系型数据,表与表之间有关联。内存:如果放在数据库或者磁盘的文件要频繁的读取的话,不如放在内存里面会提高读取效率。通常情况下cache也是存放在内存里面的...原创 2018-12-09 22:41:43 · 2335 阅读 · 0 评论 -
IndexedDB(二:索引)
在HTML5本地存储——IndexedDB(一:基本使用)中介绍了关于IndexedDB的基本使用方法,很不过瘾,这篇我们来看看indexedDB的杀器——索引。熟悉数据库的同学都知道索引的一个好处就是可以迅速定位数据,提高搜索速度,在indexedDB中有两种索引,一种是自增长的int值,一种是keyPath:自己指定索引列,我们重点来看看keyPath方式的索引使用.创建索引我们可以在创...原创 2018-12-09 23:58:52 · 300 阅读 · 0 评论 -
IndexedDB(一:基本使用)
在HTML5本地存储——Web SQL Database提到过Web SQL Database实际上已经被废弃,而HTML5的支持的本地存储实际上变成了Web Storage(Local Storage和Session Storage)与IndexedDB。Web Storage使用简单字符串键值对在本地存储数据,方便灵活,但是对于大量结构化数据存储力不从心,IndexedDB是为了能够在客户端...原创 2018-12-10 00:07:50 · 343 阅读 · 0 评论 -
原生canvas写的飞机游戏
一个原生canvas写的飞机游戏,实用性不大,主要用于熟悉canvas的一些熟悉用法。项目地址:https://github.com/BothEyes1993/canvas_game原创 2019-01-11 04:30:25 · 260 阅读 · 0 评论