前端复习

1，行内元素和块元素
从排列方式上：块元素是从上往下，行内元素是从左到右；
行内元素没有宽高,脱离文档流;块元素有宽高;块元素和行内元素能够通过display互相转换
2，盒子模型：
1）盒子模型概念理解
他是由 content padding margin border 组成的
2) 外边距合并
3)box-sizing属性：
content-box:
border-box:
inherit:
4）实际开发遇到的问题
当父元素没有边框border时，设置第一个子元素的margin-top值的时候，会出现margin-top值加在父元素上的现象，解决方法有四个：

（1）给父元素加边框border （副作用）

（2）给父元素设置padding值 （副作用）

（3）父元素添加 overflow：hidden （副作用）

（4）父元素加前置内容生成。（推荐）

3，伪类选择器：
CSS 伪类用于向某些选择器添加特殊的效果。
CSS 伪元素用于将特殊的效果添加到某些选择器。

4，前端性能优化：减少http请求，减少DOM操作，雪碧图，设置缓存，lazyload加载图片数据，cdn加速。
5,浏览器渲染流程：
6，script标签位置：
7，HTTP协议tcp/udp：
8，DOM加载流程
1)解析html结构；
2)加载样式表和脚本文件；
3)解析并执行脚本代码；
4)加载DOM树；
5)加载图片资源;
6)页面加载完成；
9,onload和ready的区别
onload是在页面所有资源都加载完成的时候执行代码，而ready是在dom加载完成后就执行代码;ready>img onload >onload
10,ajax
ajax实时搜索
11，Input标签的type属性可以设置哪些值？（请至少列出6个）？
date number button submit email reset tel
修改placeholder样式： input:-webkit-input-placeholder
12、简述instanceof和type的区别？简述[ ]instanceof Object的值和原因？
typeof 返回数据类型 boolean object undefind string number null
instance of 判断对象是否是一个实例，返回Boolean值
13，有了解过哪些web前端框架(jQuery,bootstrap,jquery easyUI,JQuery Ui等)?请简要介绍。
14，session和cookie的区别？
cookie存放于浏览器端，session存放于服务器端，cookie有风险，session安全，cookie大小为4KB，最多存放20个，网页每次打开，服务器都会生成一个session_id 用于识别客户端。
15，GET和POST区别：
两者用于与服务器传递数据，get小，POST大，get不安全，且加载于url上面，POST经过加密更为安全，容量大；
16，对网站重构的理解
对老式的网站进行重新编辑，使之更加高效，重构可以提高代码复用性
17，html语义化
就是让正确的标签做正确的事情，如img标签就是图片标签只能加载图片。
18 img标签title 和alt的区别
title就是你在鼠标划过的时候会提示一段文字，而alt就是当图片加载失败的时候显示的一段文字
19 css布局
一列 两列 三列
20 清除浮动的方式
clear ： overflow：hide 使用伪元素清除浮动 .clear:after{}
浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素
clear属性不允许被清除浮动的元素的左边/右边挨着浮动元素，底层原理是在被清除浮动的元素上边或者下边添加足够的清除空间
21 实现ajax过程
（1）创建xmlhttpRequest对象
（2）创建一个新的http请求，并确定url 请求方式和参数
（3）设置http状态变化的响应函数
（4）发送http请求
（5）获取相应数据
22 取消a链接的默认跳转
（1）<a href="#"></a>
（2）<a href="javascript:void(0)"></a>
(3)<a href="www.baidu.com" onclick="show()"></a> javascriipt: function show(){
return false;
}
23 水平垂直居中的各种方式
(1)子元素设置position为relative并且设置left和top为个差值的一般
(2)父元素position为relative，子元素为absolute,且子元素margin为auto left right top bottom 均为0
（3）父元素position为relative，子元素为absolute，子元素设置left top反向margin为（width+padding)/2，（height+padding）/2，left和top均为50%
（4）设置父元素display为flex,align-items为center，justify-center为center
24 .js的数据类型判断
typeof undefine number string null object boolean 返回的字符串
instanceof 返回布尔值
constructor 返回布尔值
prototype
25 事件模型
26 IE和DOM时间绑定的区别
27 js动画