html5 的文章
-
WebSocket的JavaScript例子
详细解读一个简单html5 WebSocket的Js实例教程,附带完整的javascript websocket实例源码,以及实例代码效果演示页面,并对本实例的核心代码进行了深入解读。从WebSocket通讯三个阶段(打开握手、数据传递、关闭握手)进行了探讨,各阶段中浏览器和服务器做了些什么事情也有所涉及。 -
-
中国HTML5产业联盟呼之欲出广告平台作用凸显
2013年3月15日,北京北航新主楼会议中心,举行了HTML5+联盟的首次筹备会。本次会议由W3C中国指导,由全球最大的中文IT社区CSDN和中国最大的移动中间件厂商数…… -
移动浏览器内核
Android和iOS上使用的浏览器内核都是WebKit内核,UC 的U3内核和QQ的X5内核都是在开源的WebKit基础上修改的,或者说是WebKit内核的分支版本。浏览器使用的WebKi…… -
-
谷歌提升Dart编译器及虚拟机速度,核心库将无大变
Dart是Google的开源Web编程语言,其终极目标是取代JavaScript——但这不像是可以在一夜之间发生的事。在此期间,Google似乎是要为其提供更好的性…… -
-
Web Worker介绍、js调试及浏览器兼容实现
这几天主要围绕webworker的实现来了。所以也下了点功夫,主要是对webworker的介绍/实现原理/调试几个方面进行了不算深入的了解,并最终成功封装了自己的跨浏览…… -
HTML5之window.postMessage API
window.postMessage是一个鲜为人知的HTML5 API。 window.postMessage允许两个窗口/帧之间跨域发送数据消息。从本质上讲,window.postMessage是一个跨域…… -
-
javascript压缩的原理及工具
要想文件更快地下载完成,最直接的办法就是减小文件的体积,也就是把体积“压缩”了,对于javascript文件同样如此。 javascript文件与CSS文件类…… -
-
五款超实用的开源SVG工具
SVG(Scalable Vector Graphics)是基于XML的矢量图像格式,用户可灵活运用图像进行搜索、索引、脚本以及压缩。SVG由W3C制定开发,是一个开放标准,支持当前…… -
对手的眼光:看前火狐员工评价Chrome
本文来自问答社区Quora里的一篇问答。作者Abhinav Sharma是前参与火狐浏览器的员工。 “我在火狐并不是工作很长的时间, 大概一年半左右,不过我可以大致谈谈自己在火狐工作时对Chrome的思考,这些都是我完整的想法。” 这是一场从起点便十分困难的战斗,Google有丰厚的广告收入开支支撑,也有世界上最好的天才工程师和设计师在不断改进Chrome,不过同样的,Chrome也是基于开源引擎WebKit改造的,这样无疑能起步更快。 -
HTML5 video 跨浏览器兼容的方法
一个超简单的HTML5 video 跨浏览器兼容的方法。在网页中使用HTML5 video功能,按照原来正 flash 引入方法,写进 video 标签,实跨浏览器兼容 video 功能的使用。 -
HTML5 Canvas 的事件处理
前端常用的dom方法在canvas点击事件里是不适用的。点击Canvas里的元素,实际点击的是整个Canvas元素。本文详述了HTML5 Canvas事件处理技术,canvas的限制、如何给Canvas元素绑定事件、Canvas的isPointInPath方法、循环重绘和事件冒泡。 -
Javascript中指定周末日期的计算
日前在javascript中得到指定周末的日期数,网上搜索一番后,发现javascript在Date对象中对于周数的处理还是很弱的,于是自己动手,丰衣足食。代码如下: (…… -
CSS3制作迷你播放器面板
这是格子同学提供的一款由CSS3制作的迷你播放器面板的案例(时间效果是由jQuery完成)。这个案例仿Mac电脑的窗口风格设计,整个面板分成三部分,顶部由标题和最小化、最大化以及关闭按钮组成(这三个按钮功能未添加);中间部分类似于播放器一样,左边是播放的按钮(播放、中止和停止)三个组成,以及播放时间的计算(时间效果由jQuery完成);最底下部分是整个时间的统计文本。整体效果清爽,设计层次清晰。当然大家关注的还是使用了什么技术,这里我们仅仅面板效果来说的话,并不复杂,只使用了CSS3的圆角、阴影、渐变和@font-face几个简单的属性,感兴趣的话继续往下看代码吧。 -
JavaScript模板引擎使用
// Simple JavaScript Templating // John Resig - http://ejohn.org/ - MIT Licensed (function() { var cache = {}; this.tmpl = function tmpl(str, data) { // Figure out if we're getting a template, or if we need to // load the template - and be sure to cache the result. var fn = !/W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template // generator (and which will be cached). new Function( "obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + -
-
15种基础的可以直接使用的CSS3样式
本篇文章将列出一些基础简单的CSS3样式,你可以把它们放在手边,需要用的时候随时拿过来修改成自己的风格就可以使用。为了使我们得CSS3样式可以重复使用,我把…… -
IDF2013:英特尔发布HTML 5开发环境
英特尔信息技术峰会(Intel Developer Forum, 简称IDF)于2013年4月10日在国家会议中心正式开幕。今天是IDF2013的第二天,我们欣喜地看到英特尔发布HTML5开…… -
25个CSS3高级用户界面特效教程(2)
本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
25个CSS3高级用户界面特效教程(1)
本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
HTML5+CSS3旋转练习,用高级浏览器看
HTML5+CSS3旋转练习,看的朋友用高级浏览器看 <!doctype html> <html> <head> <meta charset="utf-8"> <tit……