前端大厂

第三章 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