春招面试记录

1.介绍一下自己

2.float 浮动布局

3.盒子模式
两种盒子 w3c和ie盒子 一种
padding content margin border
4.js 数组操作
5.vue用的是2还是3
6.同源策略：
域名 端口 协议有一个不同
7.跨域怎么产生的
异步请求是两个不同端口/协议/域名
8.怎么跨域的
cors跨域资源共享解决：后端设置响应头 请求头中添加Access-Control-Allow-Origin
vue config配置proxytable
8.osi七层网络协议与作用

物理层

数据链路层

网络层

传输层

会话层

表示层

应用层
9.博客内容
10.路由守卫
vue router
vue-router有哪几种导航钩子？
全局 组件内 单个路由独享
beforeeach
beforeenter
beforeroouterenter
都有哪些参数？to from next

11.linux操作系统
12.什么是css？是你自己写的吗？

级联样式表
13.mvvm？双向绑定？MVC?
在MVVM的框架下视图和模型是不能直接通信的。
它们通过ViewModel来通信，ViewModel通常要实现一个observer观察者，当数据发生变化，
ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图
，ViewModel也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定。
并且MVVM中的View 和 ViewModel可以互相通信。

MVC落伍一点 单向通信 view对model

14.用过vuex吗介绍一下
vuex 多个组件依赖于一个状态

15.生命周期 

(before+ed)(creat-mount-update-destroy)+activate+deactivate+errorcaptured

11种
创建 挂载 更新 摧毁 activated和deactivated（keep-alive组件） errorCaptured捕获错误
每一步分为两小步
16.你理解的vuex是什么呢？哪些场景会用到？不用会有问题吗？有哪些特性？
状态管理, 当项目中有大量组件共用到一些状态的时候

17.vue组件之间传值
prop 父子组件
emit 子父
ref
bus
vue-router怎么重定向页面 配置redirect属性
18.:和@和.修饰符
v-bind 指令可以用于响应式地更新 HTML 特性：
v-on 指令，它用于监听 DOM 事件：

19路由转跳的四种方式
<router-link to="需要跳转到页面的路径">
this.$router.push()跳转到指定的url，并在history中添加记录，点击回退返回到上一个页面
this.$router.replace()跳转到指定的url，但是history中不会添加记录，点击回退到上上个页面
this.$router.go(n)向前或者后跳转n个页面，n可以是正数也可以是负数

20.v-if v-show
一般来说， v-if有更高的切换开销，而v-show有更高的初始渲染开销。
因此，如果需要非常频繁地切换，则使用v-show较好;如果在运行时条件很少改变，则使用v-if 较好。

21.v-model
是一种语法糖 v-bind和v-on:input的结合绑定了数据

22.vue如何监听键盘事件
v-on:keyup.想要监听的键.

23. HTTP的请求除了get和post外还有哪些呢？说下你对它们的理解
3-1 GET请求在浏览器刷新或者回退的时候是无害的。POST的话数据会被重新提交。
3-2 GET可以被书签收藏，POST不行
3-3 GET可以存在缓存中。POST不行
3-4 GET 会将数据存在浏览器的历史中，POST不会
3-5 GET 编码格式只能用ASCII码，POST没有限制
3-6 GET 数据类型urlencode,POST是URLENCODE，form-data
3-7 可见性 参数在URL用户可以看见，POST的参数在REQUSET BODY中不会被用户看见
3-8 安全性 GET相对不安全 POST相对安全些
3-9 长度 参数一般限制2048（和WEB服务器相关），参数无限制。
还有put 偏向于数据得修改 post数据的增加
和delete

24.instanceof 和typeof区别
typeof返回值是基本类型
instanceof 返回的是true false

25.原型 原型链
原型更像是一种模板 用构造函数新建对象时时会在内部初始或一个prototype属性
包含了可以由该构造函数的所有实例共享的属性和方法
而原型链 当访问一个对象属性内部不存在这个属性 则会去prototype寻找这个属性而prototype
中也有自己的原型 举一个例子 学生继承人类 人类继承对象类
原型链的终点
不是object.prototype是null
26.Object.is() 与比较操作符 “===”、“==” 的区别？
==会做强制类型转换
===不会做强制类型转换
Object.is 更像===不过做了特殊处理 -0!=+0

27.闭包
闭包就是能够读取其他函数内部变量的函数
闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用闭包，可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量。
闭包的另一个用途是使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收

28.HTTP 与 HTTPS 区别
HTTP 明文传输，数据都是未加密的，安全性较差，
HTTPS（SSL+HTTP） 数据传输过程是加密的，安全性较好。
使用 HTTPS 协议需要到 CA（Certificate Authority，数字证书认证机构） 申请证书，一般免费证书较少，因而需要一定费用。证书颁发机构如：Symantec、Comodo、GoDaddy 和 GlobalSign 等。
HTTP 页面响应速度比 HTTPS 快，主要是因为 HTTP 使用 TCP 三次握手建立连接，客户端和服务器需要交换 3 个包，而 HTTPS除了 TCP 的三个包，还要加上 ssl 握手需要的 9 个包，所以一共是 12 个包。
http 和 https 使用的是完全不同的连接方式，用的端口也不一样，前者是 80，后者是 443。
HTTPS 其实就是建构在 SSL/TLS 之上的 HTTP 协议，所以，要比较 HTTPS 比 HTTP 要更耗费服务器资源。

29.水平居中和垂直居中
text-align
marginleft:50%
transform:translateX(-50%)
margin:0 auto

30NodeJs的理解及用途
Node.js 应用场景的7个部分。
1）初衷，server端，成了前端开发的基础设施（npm）
2）命令行辅助工具，甚至可以是运维
3）移动端：cordova，pc端：nw.js和electron
4）组件化，构建，代理
5）架构，前后端分离、api proxy
6）性能优化、反爬虫与爬虫
7) 全栈最便捷之路

31.var let const
es5 es6 let const const必须初值且不能修改
可重复定义 不可
有变量提升 没有
函数作用域 块级作用域
全局生命会挂载到window

33.简单介绍vue

34.深浅拷贝
深拷贝三种实现方式：
1.层级遍历如果是对象递归复制不是就简单复制
2.parse和stringify
3.先转为json对象在解析json

35.路由传参

36.vue 监听内部数值变化

 

37.组件传参

38.怎么判断是不是对象
instanceof constructor

39.es6新特性

let const symbol 
map 保存键值对set新增数据 
箭头函数 其内部this永远指向 其父级AO对象的this 

localstorage、sessionstorage（local始有效session基于会话 ）

is类似===
箭头函数 解决this指向 会从作用域链上一层继承this
fetch
 h5新特性

表单属性：placeholder\form

拖拽属性 draggable

语义化标签 header、footer、aside等
c3新特性
1.盒模型
2. 边框圆角border-radius 阴影box-shadow text-shadow
3.flex弹性盒子 是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式
5.渐变 linear-gradient radial-gradient
6.translate设置元素位置 rotate元素旋转
7.选择器：属性选择器 伪类选择器 空位类 排除伪类

40.怎么遍历
for in 遍历对象属性
for of 遍历
foreach

41promise解决回调地狱
同步的方式写异步的代码，用来解决回调地狱问题。
流程