html5
文章平均质量分 82
caichang8
这个作者很懒,什么都没留下…
展开
-
html5桌面通知(Web Notifications)实例解析
通过Web Notifications(桌面通知系统),网站可以在用户桌面弹出一条通知,无论用户是否浏览当前网页,甚至最小化了浏览器,通知均可到达用户桌面。一、Notification API在 Notification API 中会用到两个对象, notification 对象和NotificationCenter 接口。1、notification 对象interfac原创 2015-11-12 11:24:36 · 2708 阅读 · 1 评论 -
利用HTML5分片上传超大文件
在网页中直接上传大文件一直是个比较头疼的问题,主要面临的问题一般包括两类:一是上传时间长中途一旦出错会导致前功尽弃;二是服务端配置复杂,要考虑接收超大表单和超时问题,如果是托管主机没准还改不了配置,默认只能接收小于4MB的附件。比较理想的方案是能够把大文件分片,一片一片的传到服务端,再由服务端合并。这么做的好处在于一旦上传失败只是损失一个分片而已,不用整个文件重传,而且每个分片的大小可以控转载 2015-11-20 15:16:12 · 1110 阅读 · 0 评论 -
WebSocket 实战
本文介绍了 HTML5 WebSocket 的由来,运作机制及客户端和服务端的 API 实现,重点介绍服务端(基于 Tomcat7)及客户端(基于浏览器原生 HTML5 API)实现的详细步骤;并通过实际客户案例描述了客户端如何在 WebSocket 架构下使用 HTTP 长连接与服务器实现实时通信及消息推送的功能,读者通过阅读本文中案例示例代码的实现,能够更深刻理解 WebSocket 框架的技术原理和开发方法。转载 2015-11-20 10:18:48 · 727 阅读 · 0 评论 -
px、em和rem的区别和使用案例
由于最近在做公司移动项目的开发,所以在开始项目之前,我第一步要做的就是统一单位。在之前写PC端网站时,都是使用px作为长度单位,在接下来的手机项目中为了实现响应式开发,开始使用em,然后出现了一个可怕的问题,那就是当<input type="text">获得焦点时,整个页面会放大,至于为什么会出现这种情况,然后又该怎么解决呢?当初真的是弄得头都大了,后来没有办法,我的解决办法就是把会放大的页面原创 2015-11-30 16:05:02 · 4759 阅读 · 1 评论