JesseZhao1990

## 四列响应式布局 1. https://codepen.io/zhaojianxin/pen/RyjNqN

### 父子元素的边距重叠现象 首先抛出一个问题，如果想让一个子元素的顶部距离父元素100px,你会怎么办呢。你肯定会说。给子元素设置margin-top为100px不就行了吗？对吗？ 不仅仅如此。你还需要注意不让其产生边距重叠。 首先我们试着写一下代码，看看效果 html代码 ``` ``` css代码 ``` #parent{ background:#ccc; height:400px; } #child{ background:blue; height:50px; margin-top:100px; } ``` 出来的效果，你也可以在codepen上查看https://codepen.io/zhaojianxin/pen/GBdMmx  what？ 黑人问号脸？难道不是应该是下面这样的效果吗？我只设置了子div，为什么父子同时向下移动了？？  本质是因为同一个BFC内垂直方向的margin合并现象，所有挨着的两个或者多个盒元素的margin会合并为一个margin并共享。挨着的意思是同级别或者是嵌套，并且他们之前没有非空内容，padding或者border分割。 知道了这种现象之后，解决办法就可以针对性的解决了。我们的方案有很多。 #### 方案一 因为同一个BFC中才会出现这种现象。那我们可以把父元素变成一个BFC。那子元素的边距就不会影响到父元素了。把父元素变成一个BFC的方法有很多。我们在上边也列举了什么情况下会产生BFC。所以我们可以把父元素的float属性设置为非none，也可以将position改为absolute或fixed，也可以将display设为inline-block,...

## lodash里的throttle 和 debounce 源码分析 ### debounce ``` import isObject from './isObject.js' import root from './.internal/root.js' /** * Creates a debounced function that delays invoking `func` until after `wait` *...

## 关于客户端浏览器缓存的原理 

再用文字表述一遍吧 1. 客户端发送随机数和加密套件给服务端，服务端记下（将来生成主秘钥的时候使用） 2. 服务端发送一个服务端的随机数和服务端证书（即是公钥）给客户端。客户端记下随机数和公钥（随机数将来用于生成主秘钥的时候使用，公钥用于接下来的加密预主秘钥） 3. 客户端向CA验证证书是否有效，如果证书无效，则浏览器弹出警告，终端访问，如果证书有效，则生成一个预主秘钥。 4. 客户端利用证书（公钥）来加密预主秘钥，传送给服务端。 5. 服务端利用证书的私钥来解密预主秘钥，得到预主秘钥。（到这一步，中间人已经无法知道预主秘钥） 6. 客户端和服务端各自利用客户端随机数、服务端随机数和预主秘钥生成主秘钥。此时中间人更无从知道主秘钥是什么。 7. 接下来客户端和服务端就可以用主秘钥进行对称加密。来进行交换信息通信了

## async和await的实现原理

## 知识点补充 ### 1. function.length 一个函数的length代表了这个函数定义的参数的个数，和arguments.length的区别是arguments.length代表了函数执行时实际传入的参数的个数 ### 2. 关于闭包 当调用一个闭包函数N次的时候，事实上是产生了N个闭包，这些闭包之间互相隔离。思考一下下面会输出什么？ ``` function test(a){ var b = a; return function(){ console.log(b); } } var t1 = test(1); var t2 = test(2);...

Reflect.ownKeys(obj) 和 Object.keys(obj)的区别？

### 二分搜索树的应用 1. 2. 3.

> 大佬求更新啊～大佬求更新啊～大佬求更新啊～啊啊啊～ 2020年工作有点忙。2021年继续搞起