每日一练

作者: 图南指北 | 来源:发表于2017-02-21 13:48 被阅读57次

    共享开发学习中遇到的有意思的问题,希望大家能够踊跃发言和讨论。

    2017年02月21日

    今日问题

    html+css

    请实现下图所示的导航栏。

    导航栏导航栏

    昨日答案

    数组去重是前端面试中的经典题目,问题看似简单,但通过这个题目就能够分辨出哪些是新手,哪些是老司机;哪些基本功扎实,哪些是代码的搬运工,具体介绍请参照JavaScript数组去重小结

    2017年02月20日

    javascript

    今日问题

    封装一个方法,实现JavaScript数组的去重功能。

    昨日答案

    2017年02月17日

    javascript

    今日问题

    明日周末,分享一个JavaScript的“专业八级”测试,看看大家能做对几道?

    昨日答案

    public static void main (String[] args)
        {
            int length = 5;
            int temp;
            int[] arr = new int[length];
            Random random = new Random();
            for(int i = 0; i < length; i ++){
                        arr[i] = random.nextInt(100);
            }
            System.out.println("arr:"+Arrays.toString(arr));
            for(int i = length -1; i >0; i --){
                for(int j = 0; j < i; j ++ ){
                    if(arr[j] > arr[j+1]){
                        temp = arr[j];
                        arr[j] = arr[j+1];
                        arr[j+1] = temp;
                    }
                }
            }   
            System.out.println("bubble_sort(arr):"+Arrays.toString(arr));
        }
    

    2017年02月16日

    今日问题

    JAVA

    创建一个长度是5的整数随机数数组,使用冒泡法进行正排序

    昨日答案

    public class HelloWorld {
        public static void main(String[] args) {
            int[] a = new int[5];
            a[0] = (int) (Math.random() * 100);
            a[1] = (int) (Math.random() * 100);
            a[2] = (int) (Math.random() * 100);
            a[3] = (int) (Math.random() * 100);
            a[4] = (int) (Math.random() * 100);//题目没有要求必须是大于0的整数,所以应当使用Math.random
      
            System.out.println("原数组是:"+Arrays.toString(a));//数组打印是考察点之一
       
            //思路一: 使用临时数组
              
            int[] temp = new int[a.length];
             
            for (int i = 0; i < temp.length; i++) {
                temp[i] = a[i];
            }
             
            for (int i = 0; i < temp.length; i++) {
                a[i] = temp[temp.length-1-i];
            }
       
            System.out.println("反转后的数组中是:"+Arrays.toString(a));
             
            //思路二: 进行首尾调换   
       
            for (int i = 0; i < a.length/2; i++) {
                int middle = a[a.length-i-1];
                a[a.length-i-1] = a[i];
                a[i] = middle;
            }        
            System.out.println("再次反转后的数组中是:"+Arrays.toString(a));
              
        }
    }
    

    2017年02月15日

    今日问题

    JAVA

    创建一个长度是5的数组,给数组的每一位赋予0到100之间的随机整数,使用for循环或者while循环,对这个数组实现反转效果。

    要求:将反转前后的两个数组完整打印出来。

    昨日答案

    针对此题的常用方法如下:

    div{
        width:100px;
        height:100px;
        position:absolute;
        left:50%;
        height:50%;
        top:-50px;
        left:-50px;
    }
    

    关于页面元素居中的情况,还有很多,有兴趣可以参考水平、垂直居中方式总结

    今日问题


    2017年02月14日

    昨日答案

    答:JavaScript中for循环的问题是前端面试中的经典问题,实现方法有很多种,详细答案可JavaScript经典面试题之for循环click

    今日问题

    css

    如何将一个长和宽都是100px的div在浏览器内横向和竖向都居中,请给出实现方法。


    2017年02月13日

    昨日答案

    答:不能执行。final的含义是有且只有一次赋值的机会,在该函数被调用时已经被传了参数,即对j有了一次赋值,所以再次给j赋值会报错。

    今日问题

    JavaScript

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function onMyLoad(){
                var arr = document.getElementsByTagName("p");
                for(var i = 0; i < arr.length;i++){
                    arr[i].onclick = function(){
                        alert(i);
                    }
                }
            }
        </script>
    </head>
    <body onload="onMyLoad()">
        <p>产品一</p>
        <p>产品二</p>
        <p>产品三</p>
        <p>产品四</p>
        <p>产品五</p>
    </body>
    </html>
    

    如上所示,点击每个<p>要求弹框显示该标签的序号,上述代码能否实现该需求?如果不能,如何实现?请写出自己的实现方式。


    2017年02月10日

    今日问题

    JAVA

    public class HelloWorld {
        public void method1(final int j){
            j = 5;//问题:该句能够执行?为什么?
        }
    }
    

    相关文章

      网友评论

        本文标题:每日一练

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