前端问题汇总(每日更新)

1：实现全局居中
让一个div上下左右居中（首先position设置为absolute，left:50%,top:50%,margin-top：-高度*50%，margin-left：-宽度*50%）
2：圣杯布局
先加载中间部分，宽度设置为100%，左中右全部设置为左浮动，左右设置定位，左边：margin-left：-100%，右边设置为margin-right：-此盒子宽度
3：让一个按钮点击产生两个事件
呵呵

var btn=document.getElementById("btn");
btn.addEventListener("click",test1);//事件监听，绑定多个事件
btn,addEventListener("click",test2);
function test1(){
alert("我是测试一");
}
function test2(){
alert("我是测试二");
}

4：网页加速的关键不是减少数量，二是减少次数，因为每一次加载图片都会向服务端发送请求，毕竟计算机统一按照byte 计算，图片请求的次数越多，造成的延迟可能性越大
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行
背景定位，background-position可以用数字精确的定位出背景图片的位置。
5：请列举jquery中的选择器
元素选择器
属性选择器
css 选择器
6：请描述一下 cookies sessionStorage和localstorage区别
相同点:都储存在客户端
不同点：
cookie大小不能超过4K，可以设置储存时间，在设置时间之内关闭和浏览器都有效
session大小很大，5M以上，但是会在浏览器窗口关闭之后自动删除
localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据

数据与服务区之间的交互方式
cookie的数据会自动的传递到服务器，服务端也可以写cookie到客户端
session 和localStorage不会自动把数据发送给服务器，仅在本地保存
7：计算一个数组arr中所有元素的和

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){

                $("#btn").click(function(){
                    var arr1=[1,2,3,4,5,6,7,8,9];

                    var sum1=0;

                    for (var i=0;i<=arr1.length;i++) {

                        if (typeof arr1[i]=="number") {

                        sum1+=arr1[i];

                        }

                    }

                    alert(sum1);
                });


            })
        </script>
    </head>
    <body>
        <button id="btn">求和</button>
    </body>
</html>

8.去掉一个数组arr里重复的元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){
                var arr=[1,2,3,2,4,3,5,4];
                var srr=[];
                for (var i=0;i<arr.length;i++) {
                    if(srr.indexOf(arr[i])==-1){
                        srr.push(arr[i])
                    }
                }
               alert(srr)
            }

        </script>
    </head>
    <body>
    </body>
</html>

前端问题汇总(每日更新)

猜你喜欢