兴盛优选前端笔试题

1：css中选择器的优先级：

!important>内联样式>id选择器>类（伪类）选择器>标签（伪元素）选择器>通配符*>继承>浏览器默认对象

2：前端缓存：

cookie可以设置失效时间，cookie大小为4kb，localstorage为5mb，cookie存在跨域问题，可以在二级域名下共享

3：算法时间复杂度，表明该算法执行时间与时间复杂度正相关

4：树的度为4，其中度为1,2,3，4的节点个数分别为4,2,1,1，则这棵树的叶子结点个数为多少？8个

5：cdn是什么，优缺点，原理

cdn全程为内容分发网络，构建在现有网络基础上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台负载均衡，内容分发，调度等模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速率和命中率

6：滚动到底部自动加载下一页数据的方案，给出优劣分析

document.body.offsetHeight：body元素的高度

window.innerHeight：滚动条长度

document.body.scrollTop：网页被卷去的高

let h = document.body.offsetHeight - (window.innerHeight + document.body.scrollTop);

监听滚动条事件，如果滚动条接近网页底部是进行数据请求，将数据添加至底部

window.onscroll = function(e){
    let h = document.body.offsetHeight - (window.innerHeight+document.body.scrollTop)
    if(h<30){
        请求数据
    }
}

7：完整的http事务流程

浏览器对域名进行解析，获取其ip，发起TCP三次握手，建立TCP连接，浏览器发起http请求，服务器响应请求，浏览器得到html代码并解析html，请求html所需的资源