面试问题合集一

  1. 合并表格的属性?
    合并行使用rowspan,合并列使用colspan

  2. 如何实现图片在某个容器中居中的?
    父元素固定宽高,利用定位及设置子元素margin值为自身的一半。
    父元素固定宽高,子元素设置position: absolute,margin:auto平均分配margin
    css3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。
    将父元素设置成display: table, 子元素设置为单元格 display: table- cell。
    弹性布局display: flex。设置align-items: center; justify-content: center

  3. css有哪些布局?
    Flex布局;
    grid布局;
    两列布局;
    三列布局;
    浮动布局

  4. 如何实现元素的垂直居中
    父元素display:flex,align-items:center;
    元素绝对定位,top:50%,margin-top:-(高度/2)
    高度不确定用transform:translateY(-50%)
    父元素table布局,子元素设置vertical-align:center;

  5. 怎么向后台传数据
    form表单提交(常用);
    JQuery中的ajax提交(常用);
    通过url字符串拼接向后台提交数据;

  6. 前端向后台发送请求有几种方式?
    link标签的href属性;
    script标签的src属性;
    img标签的src属性;
    ajax发送请求;
    表单提交发送请求;
    a标签的href发送请求;
    iframe的src属性发送请求;

  7. 怎么做轮播图?定时器用的是什么?
    setInterval定时器;
    核心是无缝轮播,在最后的位置要放上第一张图片。

  8. 兼容性怎么解决?

你可能感兴趣的:(前端面试,前端面试)