面试被自己蠢到是什么体验?
今天面试被自己蠢哭了!每个问题都知道,可惜一到关键就忘?果然还是得多刷!带*号为两家都问到。
第一家
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
祖孙
a
t
t
r
s
,
attrs,
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文件,以供项目使用)
语法不同
- 以.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写组件和写元素上有什么不同?
这回我是真的有好多不知道,是个渣渣无疑,求助大神,评论区解惑!!