深圳中软国际有限公司(单题)
题型 | 难易度 | 出现频率 | 浏览 | 评论 |
---|---|---|---|---|
问答题 | 32 | 0 |
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
- 用vue.js实现一个基本的图片轮播,说出你的设计方案及思路,并且重点说明功能设计时要考虑的因素。
答:
我的思路是将所有要显示的图片,放在一个div容器,并且不换行显示,div的容器大小与图片的大小一致,溢出部分隐藏。每次轮播就是移动水平滚动条,移动长度为一个图片的宽度,移动到最后又从0开始。
需要考虑的因为比较多
1.项目中是不是很多地方需要用到轮播,如果是,就需要组件化设计
2.轮播最多支持多少张图片,要有考虑。
3.点击轮播是否需要跳转其它页面
4.左右导航和指示器是否要显示
5.代码设计上要考虑使用数据驱动dom,而不是直接操作dom
提示:轮播是一个比较复杂的功能,在面试中也不能面面俱全,但要把核心的地方说出来。