前端大厂

前端大厂

第三章 css基础知识
    HTML面试题
        如何理解语义化

块级元素和内联元素

    CSS面试题
        布局
            盒模型的宽度如何计算

offsetWidth = width + 左右padding + 左右boder
如何让一个盒子offsetWidth=100 boder-box

margin 的纵向重叠
纵向的 margin 是会重叠的，如果两者不一样大的话，大的会把小的“吃掉”
margin-left为负值，其后元素不受影响
margin-top为负值，其后元素受影响
margin-bottom:为负值其后元素受影响(上移了)
margin-right为负值其后元素左移

bfc理解和应用

        定位
            float布局

圣杯布局是通过padding来布局，父盒子给padding padding-left: 200px;

padding-right: 150px;

双飞翼是用margin 来布局，兄弟盒子main 里面的div 给个#main-wrap {

        margin: 0 190px 0 190px;
    } 这种简单  

手写clearfix
.clearfix:after {

                                display: block;
                             content: " ";
                            clear: both;
                                                          }

flex 画色子
主要考察 align-self

.item:nth-child(2){
    align-self: center; /*垂直方向居中*/
}
.item:nth-child(3){
    align-self: flex-end; /*垂直方尾对齐*/
}

居中对齐有哪些方式 水平居中
absolute 和relative 分别依据什么定位 最近有定位的父元素 自身

        图文样式
            line height 有什么坑 line height 会有继承
        响应样式
            rem 是什么 以及em px 对比
        flex
            常用的那些属性
        动画
            css3动画
第八章 异步
    8-16  宏任务 微任务 宏任务和微任务的区别

• 微任务es6规范的 ：DOM 渲染前会触发，Promise

  宏任务 浏览器规范的 ：DOM 渲染后再触发setTimeout setInterval DOM 事件

  十四章 浏览器缓存机制
      14-7 强制缓存

  客户端初次请求之后如果服务端判断可以缓存会返回Cache-Control 之后直接会命中本地缓存， 如果有一天Cache-Control的时间过期了，失效才会去重新去请求服务器。
  Cache-Control的值 max-age 有效期 no-cache 不做缓存 no-store
  以下了解即可
  public任何缓存都可以进行缓存，即使响应默认是不可缓存或仅私有缓存可存的情况
  private 没有值，公有缓存不可存储；即使默认是不可缓存的，私有缓存也可以存储
  有值，将无值时的作用，限制到指定头字段上。公有有缓存不可存储指定的头字段，而其他字段可以缓存。
  expires已被Cache-Control 代替

      14-8 协商缓存

  初次请求 返回资源和资源标识
  再起请求 带着资源标识，
  返回304 或者返回资源和新的资源标识
  资源标识有2种 last-Modified Etag

          14分讲解缓存综述
      14-9 三种刷新操作对缓存的影响

  1，输入url 跳转或者前进后退 强制和协商缓存都有效
  2.手动刷新：F5 点击刷新按钮，右击菜单刷新， 强制缓存失效
  3.强制刷新：ctrl+F5 所有都失效

  十八章 面试题
      18-13

  手写深拷贝
  动画
  前端性能优化从哪些方面考虑 14分开始

  十六章
      16-3 一个页面输入url 到页面渲染完成 发生了什么
  十五章
      15-8 如何配置webpack