面试笔记

对项目一些技术的理解，如有错误请指出 侧边栏跨组件传值 1、通过头部组件来控制侧边栏组件的展开折叠，用到了vuex来进行组件通信。在state中定义iscollapse判断是否折叠，在mutation

自己对知识的理解，留作面试用，如有错误请指正 初始化阶段 vue进入初始化阶段会有两个操作：数据监听和页面渲染 vue会用object.defineproperty对数据中的属性进行操作，实现数据监听

自己对知识的理解，留作面试用，如有错误请指正 给浮动元素后面的元素设置clear：both 给浮动元素的父元素加伪元素after，display设置为block，加上空标签，clear：both 创建

自己对知识的了解，留作面试用，如有错误请指正 1、 href:元素和资源建立连接，引用它,html的解析和渲染不会暂停，文件的加载是同时进行的 src:替换这个元素,页面的加载和解析都会暂停直到浏览器

自己对知识的理解，留作面试用，如有错误请指正 请求HTML文件开始解析以构建DOM，构建的时候遇到link标签，向服务器发送请求得到CSS文件 请求的同时继续解析HTML文件，遇到了scrip标签，会

自己对知识的了解，留作面试用，如有错误请指正 set方法 newarr=[...new Set(arr)] filter方法 循环 排序后循环

自己对知识的了解，留作面试用，如有错误请指正 单行文字： 多行文字： display：-webkit-box 双重伪元素

自己对知识的了解，留作面试用，如有错误请指正 什么是生命周期 实例从创建到销毁的过程称为生命周期，其中过程为创建实例，初始化数据，编译模板，挂载，更新数据，渲染到最后销毁。 作用 vue功能的实现是围

自己对知识的了解，留作面试用，如有错误请指正 水平居中： 行内元素：给父元素设置 text-align: center 块级元素：已知width, margin:0 auto 绝对定位：left+tr

自己对知识的了解，留作面试用，如有错误请指正 就像一个盒子，里面的东西不会影响到外面的布局 如何触发： overflow不为visible float不为none position：absolute、

自己对知识的了解，留作面试用，如有错误请指正 position： fixed：固定定位，相对于浏览器窗口是固定的 relative：相对定位，相对起点移动 absolute：绝对定位，相对最近的定位祖

自己对知识的了解，留作面试用，如有错误请指正 伪类：：visited、：first-child、：hover等 前面一个：，可以多个拼接，放在元素前后，一般是元素的特殊状态 伪元素：：：after等

自己对知识的了解，留作面试用，如有错误请指正 盒模型包括四个部分 标准模型：content box-sizing：content-box IE模型：content+border+padding box

自己对知识的了解，留作面试用，如有错误请指正 1、URL解析：浏览器对输入内容解析，判断合法性 2、DNS解析：请求对应的IP地址 3、浏览器和服务器三次握手建立TCP连接 4、浏览器将HTTP请求数

自己对知识的了解，留作面试用，如有错误请指正 三次握手： 主动方发送SYN包请求连接，被动方若同意发送SYN+ACK包，主动发收到后发送ACK包，连接建立 为什么要三次： 解决网络通信不可靠的问题，怕

TCP是传输控制协议，UDP是用户数据报协议。 1、TCP发送数据前要建立三次握手，是面向连接的。UDP想发数据可以直接发送，不会对数据报文进行拆分拼接操作。 2、因为UDP是无连接的所以它具有不可靠

自己的笔记，留作面试用 HTTP是超文本传输协议，数据明文传输，有信息泄漏的问题。而HTTPS是基于HTTP再加上SSL协议的加密传输协议，需要CA证书（要求建立SSL连接后发送证书，证书中包含公钥）