Highcharts是一个制作图表的纯JavaScript类库，主要特性如下：
兼容性：兼容当今所有的浏览器，包括iPhone、IE（IE6，IE7，IE8等）和火狐等等；
对个人用户完全免费；
纯JS，无BS；
支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；
跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库；
最后经验补充：
1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；
2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；
所以说，a:hover定义一定要放在a:link、a:visited的后面，，，
2. 属性的书写顺序：
2.1. 按照元素模型由外及内，由整体到细节书写，大致分为五组：
位置：position,left,right,float
盒模型属性：display,margin,padding,width,height
边框与背景：border,background
段落与文本：line-height,text-indent,font,color,text-decoration,...
其他属性：overflow,cursor,visibility,...
2.2. 针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
hidefocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：
onFocus="this.blur()"
什么是面向对象？
面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象，首先需要写一个“类”来定义。 类 几乎可以代表所有的东西：账户，员工，导航菜单，汽车，植物，广告，饮料，等等。而每次要创建对象的时候，就从类实例化一个对象。换句话说，就是创建类的 实例做为对象。事实上，通常处理一个以上的同类事物时就会使用到对象。
IE8及以后的IE9/IE10浏览器，为了实现IE兼容基于其它网页标准开发的网站，IE浏览器还专门提供了“兼容性视图”功能。当IE浏览器检测到某网站不兼容时，地址栏右侧就会出现兼容性视图按钮，出现问题只需轻轻一点，大部分网页显示就会正常了。
这个文档是基于JavaScript社区众多开发者的意见和经验，在开发JavaScript代码上的最佳实践和首选的方案的明细表。因为这是一个推荐的表而非原则性的方案，经验丰富的开发者可能对下面的表达会有略有不同的见解。
在JavaScript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。
不使用 var 造成的问题
大家应该写过下面类似的代码吧，其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里，那方法执行时，它能访问哪些变量，不能访问哪些变量，这个怎么判断呢？这个就是我们这次需要分析的问题——词法作用域
JavaScript中的Function对象是函数，函数的用途分为3类：
JavaScript有this关键字，this跟JavaScript的执行上下文密切相关，很多前端开发工程师至今对this关键字还是模棱两可，本文将结合代码讲解下JavaScript的this关键字。
首先来看下面的代码：
var person = {
name:'Theo Wong',
gender:'male',
getName:function(){
console.log(person.name);
}
};
person.getName();