摘要：
RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 直接量语法 创建 RegExp 对象的语法： 参数 参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。 参数 attributes 是一个可选的字符串，包含属性 "g"、"i" 和 阅读全文
摘要：
通过创建一个Object实例 对象字面量方式 通过普通的创建object实例的方式和对象字面量的方式创建对象的方式的缺点在于：这两种方式都不适合多次创建同一类型的对象。 工厂模式 函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次的调用这个函数 阅读全文
摘要：
JavaScript中的事件处理程序主要分为3种： HTML事件处理程序： HTML事件处理程序： DOM0级事件处理程序： DOM0级事件处理程序： DOM2级事件处理程序： DOM2级事件处理程序： 附上兼容性事件绑定函数： 阅读全文
摘要：
D3.js也是一个javascript框架，像jquery一样， 只不过他的特长是在数据可视化这一块而已。所以不要觉得D3是多么的复杂。在上面的代码中我们可以看到D3的一些用法： 选择元素：d3.select(“element”)，这个就是jquery中的$()，只不过没有采用简写的形式。 创建并添 阅读全文
摘要：
上一节中我们学会了如何旋转x轴标签以及自定义标签内容，在这一节中，我们将接触动画（transition） 首先，我们要在页面上添加一个按钮，当我们点击这个按钮时，调用我们的动画。所以，我们还需要在原来的基础上添加两个东西。 添加一个按钮 <div id="option"> <input name=" 阅读全文
摘要：
通常情况下， 当我们试图访问某个不存在的或者没有赋值的变量时，就会得到一个undefined值。Javascript会自动将声明是没有进行初始化的变量设为undifined。 如果一个变量根本不存在会发生什么事： >>> foo ReferenceError: foo is not defined 阅读全文
摘要：
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 use IE shadow滤镜 */ -ms-fi 阅读全文
摘要：
上节我们学习了如何绘制多条曲线， 以及给不同的曲线指定不同的坐标系。在这节当中，我们会对坐标轴标签相关的处理进行学习。首先，我们来想一个问题， 如何我们的x轴上的各个标签的距离比较近，但是标签名又比较长怎么办？ 像是下面这种情况该如何处理？ 上图中x轴上的标签是不是都重叠在一起了？非常恶心对不对？所 阅读全文
摘要：
上一节我们已经学习了如何设置填充区域，其实理解了他的实现原理还是非常简单了。这一节中， 我们主要学习多条曲线的绘制，以及给不同的曲线指定不同的纵坐标。 新的数据 由于我们要画两条曲线，所以我们要在原来的基础上新增一组测试数据，现在我们的数据是这样的： date close open 1-May-12 阅读全文
摘要：
上一节我们已经学习了线条样式和格栅的绘制，在这一节中我们将要根据之前绘制的线条对图表进行填充，首先来看一下我们的目标吧 在这个图表中，我们对位于线条下面的空间进行了填充，那么，如何改做到呢？ 设置填充样式 这里设置我们填充区域的样式，我们使用浅蓝色进行填充： .area{ fill: lightst 阅读全文
摘要：
上一节中我们已经画出了一个基本的图表，不过忘了给坐标轴添加标签了，所以在本节中我们要给坐标轴加上标签，目标效果如下 给X轴添加标签 很明显，标签是不是一个text内容块啊，所以我们只要在svg中添加一个text然后再给这个text定位和指定内容不就行了么？先来看如何给x轴添加标签 //增加一个x轴的 阅读全文
摘要：
上一节中，我们已经画出了图表，并且给图表添加了坐标轴的标签和标题，在这一节中，我们将要学习几个绘制线条不同特性的几个函数，以及给图表添加格栅。ok,进入话题！ 如何给线条设置绘制的样式？ 这个其实非常简单，在我们之前定义的valueline基础上加一个.interpolate(“样式”)就行啦 // 阅读全文
摘要：
从今天开始我将和大家一起学习D3.js（Data-Driven Documents），由于国内关于D3的学习资料少之又少，所以我觉得很有必要把自己学习过程记录下来，供同学们参考，如果文章有有哪些表达有错误的还希望同学们帮我指出来。当然了， 可以的话我希望大家都可以去看看英文资料（文章后面将列英文资源 阅读全文