美文网首页面试题工作生活
前端常见面试题六

前端常见面试题六

作者: jw_fc89 | 来源:发表于2019-07-05 08:28 被阅读722次

    目录:

    1、什么是Vuex?详述Vuex的工作流程

    2、详述Vuex的核心属性及使用

    3、vue和jquery的区别

    4、vue中的slot是什么?

    5、SPA首屏加载慢,该如何解决?

    1、什么是Vuex?详述Vuex的工作流程

    Vuex 是vue的状态管理器

    工作流程: vue组件实例派发事件到actions 

    components(组件实例)     ->       dispatch(派发事件)      ->actions(异步操作)     ->         connect    ->             commit(委派事件)         mutations (改变状态)   ->    state        ->return      ->组件实例

    2、详述Vuex的核心属性及使用

    state 定义状态

    mutations 修改状态

    actions 异步操作

    getters 计算属性

    modules 模块 ( 可以将以上4个打包成一个整体)

    PS:

    // 派发事件时: this.$store.commit('事件名',传递的参数)

    //获取状态时: this.$store.state.ModulesLogin.状态名

    3、vue和jquery的区别

    Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。

    jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。

    4、vue中的slot是什么?

    slot 是vue 中的插槽

    在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。

    5、SPA首屏加载慢,该如何解决?

    1.路由懒加载

    2.开启gzip压缩

    3.使用webpack的externals属性把不需要打包的库文件分离出去,减少打包后文件的大小

    4.使用vue的服务端渲染(ssr)

    相关文章

      网友评论

        本文标题:前端常见面试题六

        本文链接:https://www.haomeiwen.com/subject/tjijhctx.html