web前端应该总结的知识点(1)

作为一个初学者，总结平时的知识点，积累经验必不可少。之前自己太懒，懒得整理，最近静下心来，准备好好学习学习，并把自己开发中遇到的问题，走一个总结。

1、HTML与CSS

(1)web标准

a.结构标准:XHTML和XML

b.表现标准：css

c.行为标准：DOM、ECMAScript

(2)浏览器内核差异

主要有四大浏览器内核，也就是浏览器的解释引擎，分别是Trident【IE6+、360安全、搜狗】、Gecko【火狐】、presto【opera7.0+】、webkit【safari、chrome】

(3)常见的浏览器兼容

由于浏览器的不同引擎导致不同浏览器对网页的不同解析不同，从而产生不同浏览器解析后的页面有所不同，其中ie浏览器兼容问题较多。

a.ie浏览器不支持css中的圆角，如果想在ie中使用圆角最简单的解决方法是使用背景图片。

b.透明度

/* older safari/Chrome browsers */

-webkit-opacity: 0.5;

/* Netscape and Older than Firefox 0.9 */ 
-moz-opacity: 0.5; 
 /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
 -khtml-opacity: 0.5; 
/* IE9 + etc...modern browsers */ 
opacity: .5; 
/* IE 4-9 */ 
filter:alpha(opacity=50);
/*This works in IE 8 & 9 too*/ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
/*IE4-IE9*/ 
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 

c.不加样式控制的情况下，各自的margin 和padding差异较大，在CSS里设置    *{margin:0;padding:0;}

(4)选择器优先级

important>行内style>id>结构性伪类（eg  :nth-child() ：nth-of-type()）>属性>类>标签>通用

(5)盒子模型

ie 盒子模型和标准 w3c 盒子模型，盒子模型的范围包括 margin、border、padding、content，w3c的width、height只是content部分，而ie包括content、border、padding；

2、javascript

（1）数据类型：

Number

字符串

布尔值

数组

对象

运算符【“==”转换类型后再比较，“===”首先判断类型是否相同，然后再比较值】

要比较两个浮点数是否相等，只能计算它们之差的绝对值，看是否小于某个阈值【Math.abs(1 /3 - (1 - 2 / 3)) < 0.0000001】

（2）变量

（3）strict模式：开启严格模式使用'use strict';