问题及知识点记录

1、同一div，字体大小不同，希望头部对齐，可以给字体较大的div设置vertical-align:middle 来解决

2、页面布局

先将页面分模块布好局，然后将相同的部分提出相同的样式去写

3、盒模型

当给元素设置padding的时候，不想让元素放大，就需要设置box-sizing:border-box

4、E:nth-child(n) 与 E:nth-of-type(n) 的区别

 前者是选中父元素的第n个元素，若第n个元素为E则选中，若第n个元素不为E则不选中。n可以诶2n 、2n+1

后者是选中父元素中第n个为E的元素

  E:first-child 与 E:first-of-type 的区别

前者是选取属于其父元素和所有兄弟元素的第一个为p的元素

:first-of-type 选择器选取属于其父元素的特定类型的第一个子元素的所有元素

5、针对大屏设置头部的问题

头部图片可能会由于宽度不够，拉伸会导致图片变形

解决办法：UI出一个两侧延伸条的1px图片，给背景图片设置repeat，

就会铺满整个头部，问题解决。

6、将后台返回的两类数据转换成键值对应的json格式

1）string类型转换成json对象的方法

  ***eval(‘(‘+jsonstr+’)’)   (支持性好，能支持到IE6，但是不安全)

***浏览器支持的转换方式（到ie8）

JSON.parse(jsonstr)  //可以将json字符串转换成json对象

***jQuery插件支持的转换方式

 $.parseJSON(jsonstr) ;jQuery.parseJSON(jsonstr) // 可以将json字符串转换成json对象

***JSON 官方的转换方式

  http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法； 
     可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。

 

2）Json对象转换成String字符串方法

 JSON.Stringify(jsonstr)  //可以将json对象转换成json字符串