前端面试题

1.一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。

alert(1 == “1”); // true

alert(1 === “1”); // false

2.如果一个字需要不能切换展示不展示，有几种展示方式？哪个性能最好

v-show。

3.v-show的背后的代表的js含义是什么？display=none

4.属性和属性之间用空格   <li v-for="value1,key in object1" v-bind:key="key">

数组用逗号， [{name:'zhangsan',age:'12'},{name:'lisi',age:'23'}]

style用分号；  .green{color:hotpink;background-color: blue;}

5.v-on的事件修饰符有哪些.stop .pr

6.v-on:click缩写@ click

7.v-model为不同的输入元素使用不同属性并抛出不同的事件。

text和textarea 用 value 属性和 input事件

check用checked和change事件

select用value作为prop和change事件

8.input radio v-model取的是哪个属性？value

全局组件和局部组件分别是怎么定义的？

9局部注册的组件在其子组件中不可用

1、父子组件传值 (props down, events up) 2、父传子之属性验证props:{name:Number}Number,String,Boolean,Array,Object,Function,null(不限制类型) 3、事件机制a.使用 $on(eventName)用来绑定监听事件b.使用 $emit(eventName) 触发事件 4、Ref<input ref="mytext"/> this.$refs.mytext 5、事件总线var bus = new Vue();* mounted生命周期中进行监听

https://blog.csdn.net/wcg920212/article/details/111315541

 Object.defineProperty与Proxy区别

 父组件给子组件传递值，子组件给父组件传值。Vue组件之间通信的4种方式 1.props $emit 2$attrs $listeners 3. var bus = new Vue(); bus.$emit('globalEvent1',(val)=>{bus.brother2Msg=val});4.父provider.for   子inject[''],careated(){xxx};

v-html和v-text区别

<solt></solt>插槽是怎么使用的

 局部逻辑器 全局过滤器怎么用

/ 为何在大型项目中data需要使用return返回数据呢？
// 答：不使用return包裹的数据会在项目的全局可见，会造成变量污染
// 使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件

 

什么是深度监视

vue生命周期 beforeCreate 在组件创建之前调用。created 在组件创建之后，这里写一些ajax请求。beforeMount 挂在数据到DOM之前会调用 document.getElementById('xx') 没有，mounted，挂在数据到DOM之后会调用document.getElementById('xx') 有值，里面的值就是我们在vue里写的代码里的内容，例如添加<dive></div>。

beforeupdate 在更新dom之前调用 。updated在更新dom以后调用，例如<div>xxx</div>改变xxx的值之后 会调用updated。

beforedestory <test bv-if='false'> input销毁前 destory test销毁后

<keep-alive>xxxxxx</keep-alive>在组件切换的过程中可以将组件存储在内存中，所有的生命周期就不会再被触发（在v-if=false）。但是activeted deactiveted 会被触发。deactiveted是指组件停用。activeted 是指组件启用

 

路由的命名name  :to='{name:login}'，动态路由的规则 /login:id  调用 :to={name:router1,paras:(id:1)} ,调用 :to={name:router1,query:(id:1)}，组件嵌套组件怎么进行路由跳转

 

var router = Vuerouter({router:[path:'/a',component:xx,meta:{auth:ture}]}); router.beforeEach((from,to,next )=>{next({path:'/blog'});

})

 

编程时路由this.$router.push({name:'blog'});

jsbridge 原生调用h5

body中有个div，让div居中有几种方式。

js闭包：

var a=0,b=0;

function A(a)

{

A=functioin(b)

{

    alert(a + b++);

};

alert(a++);

}

A(1);

A(2);

 

1 4