一道有趣的前端面试题

昨天下午冒雨去一家挺大的公司面试前端,笔试题和面试都通过了,后面人事部叫我去公司办公区坐,我以为我过了,没想到啊!她说我们这边还有机考,这是试题。废话不说,直接上图


这是ui图

需求如下:

1、根据ui排版

2、定义一个按钮当显示提现框时,背景淡入再淡出,提现界面,从缩小(0)到放大(1),关闭提现框时,提现界面从原来的(1)到(0);提示:0就是看不见,1就是看见,动画效果是缩放。

3、最下面四个输入框只能输入一个数字,当输入框输入第一个数字时,自动聚焦到第二个输入框,以此类推,到最后一个结束。

这就是机考题!

。。。直接我就懵逼了,结果我gg了。可能自己的jQuery水平不够,自己是vue和小程序开发对于jQuery还是挺不熟悉的。后来自己回来实现了一下,做出效果如下(附带代码)

   

   

   

    </p> <p>        RunJS 演示代码</p> <p>   

   

   

       

           

               

                   

                       

                   

                    获取验证码

               

               

                       

                       

                       

                       

                   

                提现

           

       

   

   

   

可惜了,动画我就没提供出来,有兴趣的同学去折磨一下。

期待有更好的解决方案,提示:输入时请把输入法调为英文,中文数字会出现输入的内容时keyCode=229;

有问题可以评论留言,联系我----qq:652165177

                                                                                                                                    minijie

你可能感兴趣的:(一道有趣的前端面试题)