闭包、盒子模型、设置样式、Highcharts的使用步骤

文字格式: text

text-align: 文字 居中，靠右，默认靠左。

text-decoration: none 表示去掉下划线。一般用于a标签

text-indent: 1%; 文字缩进，百分比是根据设置的标签的宽度决定。

文字：font

font : font-style || font-variant || font-weight || font-size || line-height || font-family 

color 文字颜色

font-style: 字体格式。

font-variant： 大小写字母

font-weight: 字体是否加粗   blod

font-size: 字体大小

line-height: 行高

font-family:字体

font-style:italic斜体

text-align:center居中

超链接: a

a:link{ } 普通链接样式

a:hover{} 鼠标悬停样式

a:visited{} 成功访问后的样式

a:active{} 链接被点击的那一刻

cursor: pointer; 鼠标手势，一般用于有点击事件的情况下加入。

列表: list

list-style: list-style-image || list-style-position || list-style-type

list-style-image: 图片。

list-style-type: 图形类型。

list-style-position: 图形位置

边框：border 注意：批量设置四个边，顺序为上右下左，顺时针。

border-color: 批量设置颜色

border-top/bottom/left/right-color: 设置单边颜色

border-radius: 批量设置边框圆角

border-top-right-radius: 设置右上的圆角

border-style: 批量设置边框样式。一般用 solid 实线。

border-width: 批量设置边框宽度。

border: border-width || border-style || border-color

盒子模型：其实在CSS所有的设置都是围绕着盒子模型来的。

外边距 

    边框

       内边距

           内容

border 边框设置 

margin: 设置外边距 上右下左。

padding: 设置内边距

JS三大弹出框：

1、alert 警告框

2、confirm 确认框。返回的是布尔类型

if( confirm("确认要关闭吗？") ){

window.close();

}

3、prompt 输入框 (标题输入框，默认值)

var a = prompt("请输入你喜欢的动物","猪");

alert( a );

*.console.log( 输出内容 ); //一般用于控制台输出。

注意：一般集合类型，建议都是控制台输出

JS数组：

1、定义一个数组：

var arr = new Array();

var arr = [1,2,3,5,5,6,7];

2、往数组里添加一个元素

arr.push(); 注意：是尾部添加

3、从数组里删除一个元素

arr.pop(); 注意:是尾部移除。

4、arr.length 数组的长度

5、遍历：

for( var i = 0 ; i < arr.length; i++ ){

console.log( arr[i] );

}

js特殊值：

1、NaN: 无法识别数据类型。一般是由运算造成的。

2、undefined

1、初始化没有赋值的时候，打印会undefined；

2、在取值的时候，如果目标值不存在，会打印undefined;

注意：变量在初始化的时候，默认值是undefined，如果没有给出具体的值，相当于没有找到引用对象，这个时候该引用会去找最近一个有值变量。

3、null 空值

1、一般是指对象本身是null值的时候打印。

2、选择器获取不到相关控件的时候，一般会显示null

1、闭包

在JS中，有三种作用范围：

1、全局的

全局变量。所有函数都可以使用。

好处：一处定义，全局使用。不需要重复定义。

坏处：很容易造成变量污染。

2、作用域的

在作用域定义。比如函数。注意：如果没有定义var

那么这个变量就是全局的。

好处：代码不易被污染。

坏处：代码量增大。

3、闭包

其实就是一个函数使用另一个函数的变量。

特点：

1、嵌套函数

2、内部函数可以使用外部函数的变量。但是反之则不行。

3、垃圾回收机制 不能被立即回收。

//从这个例子可以看出 变量a一直都在。

function echo( dom ){

var a = 10;

function echoA(){ a++; alert( a ); }

return echoA; //重点

}

var tmp = echo(); //重点

tmp(); // 11

tmp(); //12

好处：变量不容易污染。

坏处：常驻内存。

垃圾回收：所谓垃圾回收，就是GC机制。就是当一个变量

或者函数，调用完毕的时候，会被系统回收。在全局或者作用

于局部也不例外。但是闭包例外，闭包一旦定义，就不会被释放。

Highcharts使用步骤

1、导入jquery.js

2、导入highcharts.js

3、导入额外的图表js，如exporting.js

4、开始在js内部写数据表示文件如：

$(function () {

$('#container').highcharts({

title: {

text: 'Monthly Average Temperature',

x: -20 //center

},

subtitle: {

text: 'Source: WorldClimate.com',

x: -20

},

xAxis: {

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',

'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

},

yAxis: {

title: {

text: 'Temperature (°C)'

},

plotLines: [{

value: 0,

width: 1,

color: '#808080'

}]

},

tooltip: {

valueSuffix: '°C'

},

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

borderWidth: 0

},

series: [{

name: 'Tokyo',

data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]

}]

});

});