2020-11-04

面试被自己蠢到是什么体验？

   今天面试被自己蠢哭了！每个问题都知道，可惜一到关键就忘？果然还是得多刷！带*号为两家都问到。

第一家
h5嵌入app是怎么做的？
1、如何实现交互？
使用第三方插件jsBridge

2、原生app->h5界面
原理类似于jsonp
首先在js中定义一个函数并挂载window下，然后在原生中调用这个函数并传值。

移动端实现自适应
rem
设置meta viewport

路由缓存是怎么做的？

//需要

//不需要

router.js
{
path:’/hello’,
component:Hello,
meta:{keepAlive:true}//需要缓存的组件
}
{
path:’/world’,
component:world,
meta:{}//不需要缓存的组件
}

*组件之间的传值？
父子 props
子父 $emit
祖孙 $attrs,$listeners
同级 eventBus

vue-router的跳转？两种跳转方式的区别？

to="/name"
name params
path query

query相当于get请求，拼接在url后面，？id=1,且刷新时id不会消失
params相当于post请求,不会显示在url,刷新时id会消失

$router:是路由操作对象，是一个实例，只写对象
$route:路由信息对象，只读对象

*对axios做什么操作了？
一般项目有三个url地址
一个生产环境、测试环境、正式环境，不封装axios,雪的环境全部替换url不现实。
可以做请求和响应的处理

*sass与less的区别
sass与less属于css预处理器。（用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的css文件，以供项目使用）
语法不同

1. 以.scss为后缀名的嵌套写法
   nav {
   $width: 100px;
   width: $width;
   color: $nav-color;
   }
   less的语法格式嵌套写法
   #header {
   color: black;
   .navigation {
   font-size: 12px;
   }
   .logo {
   width: 300px;
   }
   }

变量声明不同
sass用$
less用@

es6都用过什么？
let const
解构赋值
模板字符串${}
函数的扩展
对象的扩展
Set
Map
pomise
for …of
async
clss
module

数组怎么实现去重？
for循环嵌套，利用splice去重
function newArr(arr){
for(var i=0;i<arr.length;i++){
for(var j=i+1;j<arr.length;j++){
if(arr[i]==arr[j]){
//如果第一个等于第二个，splice方法删除第二个
arr.splice(j,1);
j–;
}
}
}
return arr;
}

var arr = [1,1,2,5,6,3,5,5,6,8,9,8];

console.log(newArr(arr))

indexOf去重
function newArr(array){
//一个新的数组
var arrs = [];
//遍历当前数组
for(var i = 0; i < array.length; i++){
//如果临时数组里没有当前数组的当前值，则把当前值push到新数组里面
if (arrs.indexOf(array[i]) == -1){
arrs.push(array[i])
};
}
return arrs;
}

var arr = [1,1,2,5,5,6,8,9,8];

console.log(newArr(arr))

Set去重
function newArr(arr){
return Array.from(new Set(arr))
}

var arr = [1,1,2,9,6,9,6,3,1,4,5];

console.log(newArr(arr))
*flex
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

第二家面试

写公共样式注意那些事项
命名规范
不与已有命名重复
有自己的作用域

覆盖全局样式scoped
stylus的样式穿透 使用>>>
sass和less 使用/deep/

vue样式的作用域,好处是什么？
scoped 只影响组件自身，避免影响其他组件

jq是什么技术栈？

vue是怎么构建的？
webpack

*子盒子在大例子中垂直居中（精典面试题）

栅格布局原理？

与后台交互用的什么 （明文/加密）？
加密 md5

宽度对浏览器的兼容性？
可以用栅格布局，媒体查询，element-ui里面的组件

子路由调用父路由的方法
this.$root

ref写组件和写元素上有什么不同？

这回我是真的有好多不知道，是个渣渣无疑，求助大神，评论区解惑！！