您好,今天小怡来为大家解答以上的问题。初级前端面试题相信很多小伙伴还不知道,现在让我们一起来看看吧！

初级前端面试题 web前端面试问题汇总

初级前端面试题 web前端面试问题汇总

1、1.为什么会形成跨域？不是一个源的文件作另一个源的文件就会形成跨域。

2、当请求端的协议、域名、端口号和的协议、域名、端口号有一个不一致就会发生跨域。

3、解决方法：安装插件Pip install django-cors-headers2.vuex的工作流程？① 在vue组件里面，通过dispatch来出发actions提交修改数据的作。

4、② 然后再通过actions的commit来出发mutations来修改数据。

5、③ mutations接收到commit的请求，就会自动通过Mutate来修改state（数据中心里面的数据状态）里面的数据。

6、④ 由store触发每一个调用它的组件更新。

7、3.vuex是什么？怎么使用？vuex是一个专为vue.js应用程序开发的状态管理模式。

8、使用:store,getters,mutations,actions,modules详细使用写法请见：4.vuex中的数据在页面刷新后数据消失怎么解决？使用sessionStorage或localStorage存储数据;也可以引入vuex-persist插件5.在vue中，如何阻止冒泡和默认行为？在绑定时，在指令后边加上修饰符.stop来阻止冒泡，.prnt来阻止默认行为6.深拷贝与浅拷贝？设BA，修改A的时候，看B是否变化：B变了是浅拷贝（修改堆内存中的同一个值），没变是深拷贝（修改堆内存中不同的值）。

9、浅拷贝只是增加了一个指针指向已存在的内存地址，深拷贝是增加了一个指针并申请了一个新的内存，使这个增加的指针指向这个新的内存。

10、深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的实体，而不是引用。

11、7.vue的生命周期？beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyedactived deactived （keep-alive）组件是否激活调用8. keep-alive: 组件缓存router.js中:meta: {keepAlive:true} // 需要被缓存钩子执行顺序：created -> mounted -> activedinclude表示需要缓存的页面；exclude表示不需要缓存的页面。

12、如果两个同时设置，exclude优先级更 改，则组件不会被缓存。

13、应用场景： 用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回 该列表页，我们希望列表页可以保留用户的筛选状态。

14、9.vue传值方式？props $emit() $on() $parent $children $listener $attr10. $on 兄弟组件传值$emit 分发$on $off 取消$once 一次性一个在js文件中定义一个总线Bus，并暴露出来具体的实现方式：使用Bus的时候在接收Bus的组件的beforeDestroy函数中销毁Bus，否则会一直叠加调用这个方法。

15、应用场景：“退出登录” -> ①点击退出登录；②修改密码后自动退出登录11.组件跨级传值$attrs a->b->c$listeners 12.vue修饰符有哪些？.stop .prnt .self .once .passive .sync13.箭头函数中的this？不具有this绑定，但函数体可以使用this，这个this指向的是箭头函数当前所处的词法环境中的this对象。

本文到这结束，希望上面文章对大家有所帮助。