【前端面试题】

1.localStorage ：数据存储在本地，需要手动删除，存储量大

2.sessionStorage：数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大

3.cookie： 可以为数据设置过期时间，存储量小，可以与后台共用

4.什么是JSON？你了解JSON吗？

       JSON是一种特殊格式的字符串，可以与数组，对象进行转换，常用于前后端数据交互，文件配置说明。

5.change事件与input事件区别：

     change：内容被修改并且失去焦点

     input：内容被修改

6.阻止默认：e.preventDefault()

7.阻止冒泡：e.stopPropagation()

8.事件冒泡:同类型事件，子级向父级传递

9.事件捕获：同类型事件，父级向子级传递

10.闭包：

函数内实现另一个函数，局部变量数据持久化，造成一定内存压力

11.事件委托：

把事件添加给标签的父元素，通过事件对象e.target来实现具体操作

12.请说明一下什么是viewport：

      初始化页面元素，防止页面被缩放，规范用户操作

13.form表单的请求方式属性及提交地址属性是哪个

         方式：method

         地址：action

3.a标签如何在新的标签打开

         targrt=”_blank“

4.正常盒模型和怪异盒模型的区别

         正常：外扩  设置padding和border会增大内容区

         怪异：内嵌   设置padding和border会挤压内容区

5.什么叫语义化，有什么好处？

    使标签名字有意义

    好处：1.在没有css样式的情况下对代码结果一目了然

                2.有利于SEO

6.基本数据类型和引用数据类型

       基本：值在栈区      引用：值在堆区

7.==和===区别

      ==值相等就可以       ===值和数据类型都相等才可以

8.数据pop（）的方法有什么作用

       删除最后一个元素，并返回这个元素

9.数组去重：

例子：

   var numArr=[99,45,89,45,99,23,56,0,2,5]

    var newArr=[]

    //第一种

   

    for(var i=0;i<numArr.length;i++){
            if(newArr.indexOf(numArr[i]) === -1){
                newArr.push(numArr[i])

             }

         }

         console.log(newArr);

    //第二种

    for(var i=0;i<numArr.length;i++){
        for(var j=i+1;j<newArr.length;j++){
            if(numArr[i]==numArr[j]){
                numArr.splice(j,1)

                j--;

            }

        }

    }

    console.log(numArr);

    //第三种 include

    var arr=[]

    console.log(arr.includes(99));

    for(var i=0;i<numArr.length;i++){
        if(!arr.includes(numArr[i])){
            arr.push(numArr[i])

        }

    }

    console.log(arr);

    //第四种 set() 会得到单一结果数据

    var arr1=new Set(numArr)

    console.log(arr1);

10. img标签的src，title，alt属性是做什么的？

         src：用来放置图片地址

         alt：图片加载失败提示信息

         title：鼠标移入提示信息