nfc写入静态html网页,新技术NFC与HTML5.ppt

新技术NFC与HTML5

桌面通知 (Notifications) 通过桌面通知系统，网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。 if (window.webkitNotifications.checkPermission() == 0) { var title = '领跑HTML5支持 傲游升级自主内核', text = '桌面通知时HTML5的独门秘籍'; window.webkitNotifications.createNotification('', title, text).show(); } 多媒体 音频和视频 (Audio + Video) Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。 三维、图形与特效 Canvas 画布元素 传统的网页，总是使用GIF或者JPEG来显示图像，这种图形是需要事先画好的“静态”的图像。而Canvas，则是用Javascript的一种绘图手段。 可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。 WebGL WebGL是一种3D绘图标准，有别于过往需加装浏览器插件，透过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。 WebGL完美地解决了现有的Web交互式三维动画的两个问题： 第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持； 第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。 性能与集成 XMLHttpRequest 2 作为XMLHttpRequest的改进版，XMLHttpRequest Level 2在功能上有了很大的改进。支持跨源XMLHttpRequest和进度事件(Progress events)。 计算上传进度： xhr.upload.addEventListener("progress", function (e) { var pc = parseInt(100 –(e.loaded / e.total * 100)); progress.style.backgroundPosition = pc + " %"; } CSS3 颜色 (Color) 透明度： opacity: 0.1; opacity: 0.5; opacity: 0.9; RGBA色彩模式： color: rgba(255, 0, 0, 0.75); PS: RGBA是在RGB的基础上多了控制alpha透明度的参数。 HSL色彩模式： color: hsl(0, 100%, 50%); PS: HSL色彩模式是工业界的一种颜色标准，HSL分别代表色调，饱和度，亮度三个通道。 文本 (Text) 文本阴影： text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; 省略标记： text-overflow: ellipsis; PS: 需配合 white-space: nowrap;overfl