奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > 面试题 >

前端面试关于vue的面试题

时间:2017-12-08 09:16来源: 作者:史密斯
1、active-class是哪个组件的属性?嵌套路由怎么定义? 答:动效,用foot组件。底部四个li,active-class选中的时候它颜色会变,它是router-link指定当前选中的类,默认的是router-link-active。
1、active-class是哪个组件的属性?嵌套路由怎么定义?

答:动效,用foot组件。底部四个li,active-class选中的时候它颜色会变,它是router-link指定当前选中的类,默认的是router-link-active。


嵌套路由是幻灯片的组件,router/index.js,我们把my,加了children,定义很多个子路由,子路由还可以继续嵌套路由。


定义方法:

细节,children,path不用斜杠,访问to:/my/login


2、怎么定义vue-router的动态路由?

答:它是很多个匹配的路由映射到一个组件里面,例如:商品详情,个人主页

定义的方法:有一个父组件,然后下面有一些路由,路由的路径会在后面加上一个:user_name/:id,然后compenet就是父组件。



3、scss是什么?vue中它的安装使用步骤是?它有哪几大特性?

答:scss是超级样式,官方说法:css的预处理语言。


安装步骤:

一、安装sass-loader node-sass style-loader....插件

二、配置根目录下build那个webpack.base.config.js文件,加多一个scss后缀拓展。再加一个modeules,里面加多一个规则,test、laoder

三、在style中加个lang="scss"


特性:

一、可以定义变量样式

二、可以直接嵌套样式

三、可以计算(加减乘除)


4、简述幻灯片组件的实现方法?

答:

一、首先先好这个组件,然后在组件对应属性(app.vue里面的components)加进去

二、然后在需要使用幻灯片组件的vue里面,定义好属性,分别是一开始点击时候的x轴坐标,另外一个属性是滑动的方向(默认是null)

三、首先幻灯片的动作分为三步,开始touchstart、touchmove、touchend。开始的时候运行一个方法,获取起始x轴坐标。touchmove获取最后的坐标。通过起始和最后的x坐标判断是左还是右,起始坐标小于最后坐标就是往右,反之。

四、之前把图片放进去的时候,把图片存在一个数组模型里,然后把显示的图片记号为index属性,默认为0

五、touchend中,是左index就递减,如果减到0就是总幻灯片数组长度-1,反之。



5、简述微信通讯录页面的实现方法?

答:

一、首先右边菜单是固定定位,左边是可以滑动的

二、当用户点击右边菜单会根据所点击的首字母去到对应的楼层

三、实现方法:

    用一个数组把每一个楼层的scrollTop记录下来

    然后根据点击右边菜单的索引来找到数组里面的对应的scrollTop

    再让页面滚动到指定位置
(责任编辑:admin)
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-04-04 22:04