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