前端

let newArr = [...new Set(arr)].sort((a,b)=>{return a.charCodeAt(0)-b.charCodeAt(0)})

http和https的区别 https需要到ca申请证书，免费证书较少 http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议 http和https使用的完全不同的连接

简要回答 Promise.all可以将多个Promise实例包装成一个新的Promise实例 Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成

简要回答 解构赋值{a,b}=data 展开运算符...将数组方法或者对象进行展开 模板字符串，反引号(``)直接搞定 箭头函数，不绑定this、不作为构件函数和new promise解决回调地狱 a

作用域 ES6 之前 JavaScript 没有块级作用域，只有全局作用域和函数作用域 作用域是分层的，内层作用域可以访问外层作用域的变量，反之则不行 块语句（大括号｛｝中间的语句） 如 if 和 s

cdn、懒加载、预加载、按需加载、webpack开启gzip压缩、预渲染、防抖和节流、减少回流和重绘、优化动画

简要回答 事件代理(事件委托)：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。  事件捕获：当一个事件触发后,从Window对象触发,不断经过下级节点,直到目标节点。

1、箭头函数作为匿名函数，不能作为构造函数，不能使用new运算符 2、箭头函数不绑定auguments 3、箭头函数会捕获其上下文的this值，作为自己的this值 4、箭头函数当方法使用的时候，没有

简要回答 选择器：::selection 选择被用户选取的元素部分、 文本：text-shadow:2px 2px 8px #000;参数1为向右的偏移量，参数2为向左的偏移量，参数3为渐变的像素，参

简要回答 flex position绝对定位 文章参考：https://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/

简要回答 scoped作用域问题，组件内样式，需要影响到子组件内部样式，优先使用深度作用选择器/deep/ import导入样式问题，@import “file.less”

简要回答 flex为弹性布局，由父级容器、子容器构成，通过设置主轴和交叉轴来控制子元素的排序方式 文章参考：https://www.ruanyifeng.com/blog/2015/07/flex-g

简要回答 1、额外标签法 clear:both 2、父元素 overflow:hidden 3、双伪类元素 after和before

简要回答 特点：服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 其他特点包括： （1）建立在 TCP 协议之上，服务器端的实现比较容

简要回答 vue-router支持 hash、history、abstract 3 种路由方式，提供了 <router-link> 和 <router-view> 2 种组件 vue 路由懒加载有以下

数据响应：data ➜ view v-model双向数据绑定: data ↔ view v-model 是一种语法糖，即可以作用在普通表单元素上，又可以作用在组件上。 表单元素实现 v-model 的

vue中显隐方法常用两种，v-show和v-if，但这两种是有区别的。 实现本质方法区别 vue-show本质就是标签display设置为none，控制隐藏 vue-if是动态的向DOM树内添加或者删

简要回答 keep-alive是一个内置抽象组件，在组件实例建立父子关系的时候会被忽略； created 钩子里定义了 this.cache 和 this.keys用来缓存已经创建过的 vnode；在

简要回答 复用组件的时候，都会返回一份新的data，相当于每个组件实例都有自己私有的数据空间，不会共享同一个data对象