摘要：
SVG（Scalable Vector Graphics）是基于 XML 的一种矢量图形格式，它即可以作为单独的图形文件使用也可以嵌入到网页中并由 JavaScript 来操作，非常方便和灵活。SVG 在较新的浏览器中都支持，包括 Firefox 1.5，Opera 8.0，Safari 3.0.4，Chrome 1.0 和 IE 9 等。在 SVG 中可以直接画出直线，矩形，圆形，多边形等。或者可以用更加一般的路径（path）元素，画出用椭圆弧或者贝塞尔曲线连接的复杂形状。例如： 参考资料：[1] 维基百... 阅读全文
摘要：
Unicode 中包含了各种符号，我们可以作为图标来使用。这里整理一下常用的一些符号。一、拉丁字母补全（Latin-1 Supplement）：U+0080 至 U+00FFUnicode 编号字符描述字符形状HTML 编码U+00A4CURRENCY SIGN¤¤U+00ABLEFT-POINTING DOUBLE ANGLE QUOTATION MARK««U+00B1PLUS-MINUS SIGN±±U+00BBRIGHT-POINTING DOUBLE ANGLE QUOTATION MARK 阅读全文
摘要：
之前提到，Modernizr 是 HTML5 和 CSS3 的特性检测工具，这里简单介绍一下它的用法。最简单的用法是在页面的 中添加 Modernizr 的 JavaScript 文件： Modernizr 脚本执行后，你会发现页面类似下面的样子（以 IE9 为例）： 可以看到，Modernizr 检测了数十个 HTML5 和 CSS3 特性之后，将结果记录在 html 标签的 class 属性中，其中带 no 前缀的表示浏览器不支持该特性，不带 no 前缀的表示浏览器支持该特性。这样，我们就可以根据 html 标签的这些 class 属性，在 CSS 文件中针对不同的特性应用不... 阅读全文
摘要：
在刚开始的时候，我们只能用 getElementById，getElementsByClassName，getElementsByTagName 这几个 DOM 方法查找 DOM 树中的元素。后来，在 W3C 的选择器 API 标准中[1]，提供了 querySelector 和 querySelectorAll 这两个利用 CSS 选择器查找元素的方法。它们的语法如下：element = document.querySelector(selectors);elementList = document.querySelectorAll(selectors);其中，document.queryS 阅读全文
摘要：
在 Wep App 中，我们经常需要在 JavaScript 中处理链接的点击。因此，我们希望用户点击 元素时阻止它的默认行为。此时我们可以用很多不同的方法来处理。例如：Click MeClick MeClick MeClick MeClick MeClick Me第一种方法最简单，但是它会导致点击时页面滚动到页首。因此第二种方法利用 return false 语句阻止默认行为的执行。后面几种方法利用javascript: URI 来达到页面不跳转的效果：按照规定，只要 javascript 代码执行的结果不为 undefined，则页面不跳转。因此第三、四种方法利用了 void 操作符的返. 阅读全文