/*xxx页面入口样式文件style.css*/

@import './css/base.css';/*页面基础样式*/

@import './css/index.css';

@import './css/header.css';

@import './css/footer.css';

……

把页面的一些reset样式以及一些站点公用样式放在了css目录下的base.css中，把页头拆分成header.css，把页面的基础布局都放在了index.css这个文件中，底部的样式放在了footer.css。然后相应的代码就在对应的模块中写，这样做的好处是简洁，便于维护，比较好的性能，减少创建http请求的消耗。

2.数据类型的转换：

一：显式转换

a.转数字

1）.Number(value)

notice:1.如果转换内容的本身是数值类型的字符串，那么将来转换的时候，返回是自己。

2.如果转换内容的本身不是数值类型的字符串，那么转换结果是NAN

3.如果是空，转换结果是0.

2）parseInt(value)

notice:1.忽略字符串的空格，直至找到第一个非空字符，还会将后面的非数值字符串忽略掉

2.如果第一个字符不是数字符号/负号，返回NAN

3.如果第一个字符是数字，则继续解析直至字符串解析完毕或者遇到第一个非数字符为止

4.如果是小数，会向下取整

3）parsefloat(value)

与parseInt()一样，唯一的区别是保留小数

b.转字符串

1）string()

2)tostring()

c 转boolean类型

Boolean() / !!

二 .隐式转换

1）转number

var a="123";

a=a+1;(加减乘除以及取余都可以让字符串隐式转换为number)

2)转字符串

var a = 123;

a=a+"";

3)转Boolean

if....else

json对象转字符串：Json.stringify()

json字符串转换为对象：Json.parse()

3.js事件:事件三要素：

事件源：要触发的对象

事件：怎样触发这个事件

事件处理程序：发生了什么事情

代码：事件源 . 事件=function(){

   事件处理函数

}

常见的事件类型：

1、鼠标事件 

　　鼠标事件包含click、dblclick、mousedown、mouseout、mouseover、mouseup、mousemove。 

　　事件顺序：dblclick事件会先后触发以下事件：mousedown、mouseup、click、mousedown、mouseup、click、dblclick。 

　　2、键盘事件 

　　键盘事件包括：keydown、keypress、keyup。 

　　事件顺序：用户按一次某字符按键时，会先后触发以下事件：keydown、keypress、keyup。如果按一次某非字符按键时，会先后触发以下事件：keydown、keyup。 

　　3、HTML事件 

　　HTML事件包括：load、unload、abort、error、select、change、submit、reset、resize、scroll、focus、blur。