随笔分类 -  HTML5

html5新特性
块元素和内联元素渲染区别
摘要：块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度(height 阅读全文
posted @ 2017-08-15 14:51 我叫王自信 阅读(224) 评论(0) 推荐(0)
浅谈两种方法实现浏览器内多个标签页之间的通信
摘要：调用localstorge、cookies等本地存储方式。 方法一： localstorge在一个标签页里被添加、修改或删除时，都会触发一个storage事件，通过在另一个标签页里监听storage事件，即可得到localstorge存储的值，实现不同标签页之间的通信。 <input id="nam 阅读全文
posted @ 2017-08-06 16:03 我叫王自信 阅读(405) 评论(0) 推荐(0)
HTML5 拖放（Drag 和 Drop）
摘要：简介 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 先点击一个小例子：在用户开始拖动 <p> 元素时执行 JavaScript 提示： 链接和图片默认是可拖动的，不需要 draggable 属性。 定义和用法 在拖放的过程中会触发以 阅读全文
posted @ 2017-07-25 16:57 我叫王自信 阅读(213) 评论(0) 推荐(0)
nodejs之socket.io模块——实现了websocket协议
摘要：Nodejs实现websocket的4种方式：socket.io、WebSocket-Node、faye-websocket-node、node-websocket-server，主要使用的是socket.io 1、服务端： 1）首先安装socket.io npm install socket.io 阅读全文
posted @ 2017-07-25 16:14 我叫王自信 阅读(9836) 评论(0) 推荐(0)
SSE推送数据
摘要：SSE（Server-Sent Event，服务端推送事件）是一种允许服务端向客户端推送新数据的HTML5技术。与由客户端每隔几秒从服务端轮询拉取新数据相比，这是一种更优的解决方案。 WebSocket和SSE的浏览器支持率差不多，与之相比SSE胜在服务端的简洁，WebSocket则很复杂，不借助辅 阅读全文
posted @ 2017-07-25 15:58 我叫王自信 阅读(801) 评论(0) 推荐(0)
websocket
摘要：过去的页面都是在http协议下实现的，但http协议有许多问题：不能服务器主动推送，只能靠轮询，长轮询等comet技术通过浏览器发送请求查看服务器资源更新情况。其次http是个半双工的协议。而websocket解决了上述问题。 一 websocket简介 1. WebSocket API 首先看一段 阅读全文
posted @ 2017-07-25 15:07 我叫王自信 阅读(184) 评论(0) 推荐(0)
Web Workers
摘要：Web Workers是一种机制，通过它可以使一个脚本操作在与Web应用程序的主执行线程分离的后台线程中运行。这样做的优点是可以在单独的线程中执行繁琐的处理，让主（通常是UI）线程运行而不被阻塞/减慢。一些计算繁琐的程序放在其他脚本中用非主线程中进行。 一个 worker 是使用构造函数创建的一个对 阅读全文
posted @ 2017-07-25 14:48 我叫王自信 阅读(159) 评论(0) 推荐(0)
web Storage
摘要：HTML5 的 web Storage 存储方式有两种：localStorage 和 sessionStorage。 这两种方式都是通过键值对保存数据，存取方便，不影响网站性能。他们的用法相同，存储时间不同。 localStorage 的数据保存在本地硬件上，可以永久保存，可以手动调用api清除数据 阅读全文
posted @ 2017-07-13 14:55 我叫王自信 阅读(159) 评论(0) 推荐(0)
HTML5 data- 自定义属性
摘要：在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 <div id="test" 阅读全文
posted @ 2017-07-13 14:54 我叫王自信 阅读(167) 评论(0) 推荐(0)