乐趣区

关于javascript:前端大厂

jiezi

前端大厂

第三章 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
退出移动版