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;

web前端应该总结的知识点(1)_第1张图片web前端应该总结的知识点(1)_第2张图片

2、javascript

(1)数据类型:

Number

字符串

布尔值

数组

对象

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

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

(2)变量

(3)strict模式:开启严格模式使用'use strict';

你可能感兴趣的:(web前端应该总结的知识点(1))