ichuan.net

自信打不死的心态活到老

浏览器处理链接href属性的一个差异

浏览器在处理链接的href属性时,如果该链接是相对路经(如href="/test")或者锚点(如href="#test"),IE下读取到的值是拼接好的完整地址,而其他浏览器下读到的是原始href属性值。

加入有个index.html内容如下:

<html><body>

<a id="b" href="#test"></a>
<script>
    alert(document.getElementById('b').getAttribute('href'));
</script>

</body></html>

分别用Chrome、Firefox、IE打开,可以看到差别:

enter image description here

计划.IN 开源

如同之前承诺的那样,现在将这个项目开源了,欢迎 fork:

https://github.com/ichuan/jihua

jihua.in 这个网站会一直运行,我本身就一直在用。

有个 mm 图在 doc/design.mm,是那晚简单做的一个设计。其他介绍就不写了,都在 github 那里。

jQuery sparkline插件

用过 GA 的人都知道里面有这样一类图:

enter image description here

这种图叫做 sparkline,股票中也是这种图。

工作中需要绘这种图,找了些第三方 js 库都不满意。后来想了下,这图也不复杂,还是自己写一个吧。

具体思路就是用 canvas 里的路径来绘图,IE9以下版本需要 excanvas 来模拟 canvas,这里有份简单的 canvas 教程。

代码在:https://raw.github.com/ichuan/yc-lib/master/js/jquery.sparkline.js

演示页面