前端HTML+CSS+JS+AJAX知识点

HTML+CSS

1.主流浏览器+内核：
IE trident
Firefox Gecko
Google chrome Webkit/blink
Safari Webkit
Opera presto

2.如何触发一个盒子的bfc
position:absolute;
display:inline-block;（行级块元素）
float:left/right;
overflow:hidden;

3.伪元素三件套
::after;之后 ::before；之前
（1） content:"";
（2） clear:both;
（3） display:block;/inlint-block;

4.引入CSS样式
link rel=“stylesheet” type=“text/css” href=" ";

5.把内部元素转换成inline-block;(默认)
position:abolute; float:left/right;

6.溢出容器时，打点展示
white-space:nowrap;（段落不换行）
overflow:hidden;
text-overflow:ellipsis;

7.vertical-align 属性设置元素的垂直对齐方式
middle 把此元素放置在父元素的中部。

8.line-height，行高=height（设置居中）

9.定位
position中参数：
relative/absolute/fixed(不随页面滑动)；

10.圆角可设置不同角度：
例如：
（1）border-top-right-radius:6px;
（2）border-top-left-radius:6px;

11.光标定位时候的状态：
cursor:pointer; 小手（类似可点击的链接）；

12.背景颜色渐变
linear-gradient（线性渐变）

13.input标签的样式处理
border/outline/text-indent（缩进）；

14.盒模型转换
box-sizing:border-box;（IE盒模型展示），用于消除边框带来的线条冲出盒子，（超出会隐藏）

15.初始化设置：
*{margin：0； padding：0； font-size：0；}

16.3D模型
transform-style：preserve-3d；
perspective：800px；（井深800像素）

JS知识点

1.“console.log();”，调试中经常使用。

2.预编译步骤：
（1）创建AO对象
（2）找形参和变量声明，将变量和形参名作为AO属性名，值为undefined；
（3）将实参值和形参统一
（4）在函数体里面找函数声明，值赋予函数体

3.闭包怎么解决：（可用立即执行函数）；

4.对象的创建方法：
（1）VAR obj = { } plainObject 对象字面量/对象直接量
（2）构造函数
1）.系统自带的构造函数： new object（）
2）.自定义：大驼峰式命名规则
“
function Person（）{
}
var person1 = new Person（）；
”

5 . object.charCodeAt（n） 来获得字符串中某个具体字符的 Unicode 编码。

6.原型链：
//Person.