前端面试题基础篇

核心提示问题一:Vue 2.0不再支持在v-html中使用过滤器怎么办?解析:①全局方法Vue.prototype.msg = function{return msg.replace}②computed方法computed:{content:fun

问题Vue 2.0不再支持在v-html中使用滤镜怎么办?

分析:①全局方法

Vue.prototype.msg =函数{

返回消息。替换

}

②计算方法

计算值:{

内容:功能{

返回消息。替换

}

}

{ {内容}}

③$选项.过滤器

过滤器:{

消息:函数{

返回消息。替换

}

},

数据:{

内容:《XXXX》

}

问题vuex中状态、getter、变异、动作、模块、插件各自的用途和用法是什么?

Resolution: State:{ count: 0}保存所有全局变量。

Getter:从state中的数据派生出一些状态,比如过滤数据。,状态中的变量将被过滤,然后保存。只要状态中的变量发生变化,它也会发生变化。当它不变时,读取缓存。

突变:改变Vuex商店中状态的唯一方法是提交一个突变。

一个重要的原则是记住突变必须是同步函数。

动作:动作类似于突变,只是动作提交突变,而不是直接改变状态。动作可以包含任何异步操作,变异只能是同步的。

不同之处在于Action函数接受与store实例具有相同方法和属性的context对象,因此您可以调用context.commit来提交变异,或者通过context.state和context.getters来获取状态和getters

Module://module,可以写很多模块,最后引入到一个文件中。分散管理。实例在生成时被放在存储的模块中。

插件:插件用于扩展webpack的功能。它们将在整个构建过程中生效并执行相关任务。

问题react和vue的区别

分析:= >相似度:1。数据驱动页面,提供响应式试吃组件;2.虚拟DOM,组件化开发,通过props参数实现父子组件间的数据传输,都实现了webComponents的规范;3.数据流是单向的,都支持服务器的渲染SSR4.它们都支持本地方法;react有React nativevue有wexx。

= >区别:1。数据绑定:Vue实现双向数据绑定,react数据流单向。2.数据渲染:大规模数据渲染,反应更快。3.使用场景:React with Redux架构适用于大型多人协作复杂项目。Vue适合小而快的项目。4.开发风格:react推荐做法jsx+inline style用js同时写html和css。Vue采用webpack+vue-loader单文件组件的格式,同一个文件是HTML,JS,CSS。

问题4:` $ route '和`$ router '的区别。

解析:$route是一个“路由信息对象”,包括path、params、hash、query、fullPath、matched、name等路由信息参数。

$router是一个“路由实例”对象,包含路由的跳转方法和钩子函数。

2020Web前端开发面试题及答案解析
 
友情链接
鄂ICP备19019357号-22