摘要： 1.省市联动2.用户名无刷新验证3.股票信息的实时更新4.天气预报5.qq聊天室ajax代理ajax回传的数据格式：字符串，xml，json注意：eval("("+json+")"); eval存在一定的安全缺陷，一般无伤大雅json的数据格式：{ "paramArray":[{"param1":"str1","param2":"str2","param3":"str3"},{"param1":1 阅读全文

摘要： HTML5 新的 Input 类型emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor注释：Opera 对新的输入类型的支持最好。不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持，仍然可以显示为常规的文本域。email,urlE-mail: number,rang(滑动条)Points: 属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔（如果 step="3"，则 阅读全文

摘要： web worker 是运行在后台的 JavaScript，不会影响页面的性能。当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。计数: 开始 Worker 停止 Worker该脚本存储于 "demo_workers.js" 文件中：var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();注释：web worker 通常不用于如此简单的脚本，而是用于更耗费 CPU 资源的任务。Web Worker 阅读全文

摘要： function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: x.innerHTML="User denied the request for Geolocation." break; case error.POSITION_UNAVAILABLE: x.innerHTML="Location information is unavailable." break; case error.TIMEOUT: x.innerHT... 阅读全文

摘要： canvas 元素用于在网页上绘制图形。getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。线条圆形渐变图像HTML5 内联 SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 阅读全文

摘要： 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search浏览器支持最新版本的 Safari、Chrome、Firefox 以及 Opera 支 阅读全文

摘要： nternet Explorer 10 和 Opera 支持多列属性。Firefox 需要前缀 -moz-。Chrome 和 Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本不支持多列属性。column-count 属性规定元素应该被分隔的列数：column-gap 属性规定列之间的间隔：div{-moz-column-rule:3px outset #ff0000; /* Firefox */-webkit-column-rule:3px outset #ff0000; /* Safari and Chrome */column-rule 阅读全文

摘要： Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本，不支持 transition 属性。注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。必须规定两项内容：规定您希望把效果添加到哪个 CSS 属性上规定效果的时长实例应用于宽度属性的过渡效果，时长为 2 秒：div{transition: width 2s;-moz-transition: widt 阅读全文

摘要： CSS3 边框border-radiusbox-shadowborder-imageInternet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。CSS3 圆角边框div{border:2px solid;border-radius:25px;-moz 阅读全文

摘要： 1. 缩小 Cookie (Reduce Cookie Size)每个客户端最多保持 300 个 Cookie，针对每个域名最多 20 个 Cookie (实际上多数浏览器现在都比这个多，比如 Firefox 是 50 个) ，每个 Cookie 最多 4K，注意这里的 4K 根据不同的浏览器可能不是严格的 4096 ，对于 Cookie 最重要的就是，尽量控制 Cookie 的大小，不要塞入一些无用的信息。2. 针对 Web 组件使用域名无关性的 Cookie (Use Cookie-free Domains for Components)Web 组件(Component)，多指静态文件，比 阅读全文