关于javascript:前端大厂

53次阅读

共计 1372 个字符，预计需要花费 4 分钟才能阅读完成。

前端大厂

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