针对这几天的前端面试，学到了不少东西，对还有印象的做个记录：1.子元素全部浮动，父元素如何撑开？　　解答：1、给父元素加一个overflow:hidden；2、将父元素也一起浮动（这个比较复杂，会影响到父元素的同级元素）；宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。6、被选元素的结尾（仍然在内部）插入指定内容：appendTo()；　　　　 7、prepend()、prependTo()的用法与上两个刚好相反（在前面加）；5.js递归函数 ##########6.ajax设置同步加载：(async:false)7.es6和es5的区别：　　解答：##########8.表格奇偶数行显示不同颜色：　　解答：css中，用nth即可；jquery中，用odd和even9.实现滚动：overflow:auto10.如何通过选择器获取ul li的前三个元素：　　　$(function(){　　$('ul').each(function(){$('li:lt(3)em',this).addClass('emClass');　　});　　});11.如何获取name="username"的input：$("[name='username']")（如果是取所有data-*="online"的元素，则用（$("[data='online']")））12.总结JQeury的属性选择器：　　解答：1、$("*")：表示所有元素　　　　　2、$("#lastname")：所有id="lastname"的元素　　　　　3、$(".intro")：所有class="intro"的元素　　　　　4、$("p")：所有p元素　　　　　5、$(".intro.demo")：所有class="intro"且class="demo"的元素　　　　　6、 ##########13、Flex布局？　　解答：是"Flexible Box"的缩写，译为弹性布局，为盒模型提供最大的灵活性。　　　　使用方法：display: flex/inline-flex;（webkit内核浏览器需加-webkit前缀。）　　　　容器的属性：　　　　　　1、justify-content: flex-start(左对齐) | flex-end(右对齐) | center(居中) | space-between(两端对齐，项目之间的间隔相等) | space-around(每个项目两侧的间隔相等，所以项目之间的间隔比项目与边框的间隔大一倍)　　　　　　2、align-items: flex-start(交叉轴的起点对齐) | flex-end(交叉轴的终点对齐) | center(交叉轴的中点对齐) | baseline(项目第一行文字的基线对齐) | stretch(默认值，不设置或位auto时，占满整个容器的高度)##########14、标准模型和怪异模型（IE）的区别：　　解答：标准模型：一个块的总宽度=width+border+padding+margin　　　　　怪异模型：一个快的总宽度=width+margin（即width已经包含了padding和border的值）　　　　CSS3的box-sizing：　　　　content-box（标准模型）/ border-box（怪异模型）15、如何居中一个div：　　　解答：margin负边距：position: absolute;left:50%;top:50%;margin-left:-100px；margin-top:-100px;（margin负边距为宽高的50%；IE7 及之前不支持）　　　　　flex布局：display:flex;justify-content:center;align-items:center;
　　　　　Margin auto实现：margin: auto; position: absolute;top: 0; right: 0; bottom: 0; left: 0;　　　　　transform变形：position:absolute;left:50%; /* 定位父级的50% */top:50%;transform: translate(-50%,-50%); /*自己的50% */
16、css选择符：　　解答：通用选择符（*）、类型选择符（p、div、span、h1）、属性选择符（E1[attr]、E1[attr='value']）、包含选择符（E1 E2）、子对象选择符（E1>E2）、类选择符（.class）、选择符混合使用（E1.E2.E3 eg:p.bigFont、p#colorFont）、ID选择符（#ID）17、HTML5和CSS3的一些新特性：　　解答：HTML5的新特性：　　　　　　·用于绘制图表的canvas元素　　　　　　·用于媒介回放的video和radio元素　　　　　　·对离线本地存储更好的支持　　　　　　·新的特殊元素内容：header、nav、section、content、footer、article　　　　　　·新的表单控件：calendar、time、date、email、url　　　　CSS3的新特性：　　　　　　·对div加特效：圆角（border-radius）、阴影（box-shadow）　　　　　　·对文字加特效：阴影（text-shadow）、线性渐变（gradient）、旋转（transform）　　　　　　·transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜　　　　　　·引入伪元素： ::selection　　　　　　·引入媒体查询、多栏布局　　　　　　·多背景rgba，增加了更多的选择器　　　　　　·border-image