js常见面试题

不念不忘少年蓝@ 2022-05-09 11:44 168阅读 0赞

常见
    1.Doctype作用？标准模式与兼容模式的区别？
       1).!DOCTYPE声明位于位于HTML文档中的第一行，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
       2).标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
    2.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
      1）存储大小
          cookie数据大小不能超过4k; sessionStorage和localStorage虽然也有存储大小的限制，但比cookie    
              大得多，可以达到5M或更大。
      2）有效时间
         localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；sessionStorage数据在当   
             前浏览器窗口关闭后自动删除。cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭
      3）.数据与服务器之间的交互方式 
          cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端; sessionStorage和
              localStorage不会自动把数据发给服务器，仅在本地保存。
     
    3.CSS隐藏元素的几种方法（至少说出三种）
         opacity：0；
             visibility：hidden；
             display：none；
             position：absolute；将位置设置到不可见的区域
     
    4.CSS清除浮动的几种方法（至少两种）
       1）父级div定义：overflow：hidden；
       2）给父级元素设置高度（在浮动元素高度不确定的情况下不适用）
       3）父级元素div设伪类：after  并加clea：both；
       4）以浮制浮，给父级元素也设置浮动
    5.写出几种IE6 BUG的解决方法
       1.双边距BUG float引起的 使用display
       2.像素问题 使用float引起的 使用dislpay:inline -3px
       3.超链接hover 点击后失效 使用正确的书写顺序 link visited hoveractive
       4.Ie z-index问题给父级添加position:relative
       5.Png 透明 使用js代码 改
       6.Min-height 最小高度！Important 解决’
       7.select 在ie6下遮盖 使用iframe嵌套
       8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08   
       line-height:1px） 
    6.说说你对HTML5认识?（是什么,为什么）
        是什么：
              HTML5指的是包括 HTML 、 CSS 和 JavaScript 在内的一套技术组合。它希望能够减少网页浏览      器对于需要插件的丰富性网络应用服务（ Plug-in-BasedRich Internet Application ， RIA ）
    7.浏览器页面有哪三层构成，分别是什么，作用是什么?
           构成：结构层、表示层、行为层 
            分别是：HTML、CSS、JavaScript 
            作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业    务。
    8.HTMl和XHTML区别
         HTML即是超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；XHTML即是升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；XML可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签。
         html与xhtml之间的区别：1、xhtml对比与html，xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；2、对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的，<li>和<LI>是不同的标签；3、xhtml的属性值必须在引号之中
    9.alt和title的区别
       alt:图像的代替文本
         title:是光标悬浮上面时显示的内容
    10. link和import区别
         1).  link 是 XHTML 标签，无兼容问题； @import 是在 CSS2.1 提出的，只有IE5以上才能识别
         2).  语法结构不同。
              　link （链接式）只能放入HTML源码中，语法为：
                                                    <linkrel="stylesheet" href="style.css"type="text/css"/>
                 　@import （导入式）语法为：
                          <style type="text/css">
                                   @import url("style.css");
                            </style>
           3).  link方式的样式的权重 高于@import的权重。
           4).  加载时间不同。
    　　页面被加载的时，link会和 HTML 的主体部分同时被加载，而@import引用的CSS会等到页面被加载完再加载。（所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。）
     11.说说超链接target属性的取值和作用？ 
             target这个属性指定所链接的页面在浏览器窗口中的打开方式。
             它的参数值主要有：
                a、 _blank ：在新浏览器窗口中打开链接文件
                b、 _parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象 _self 参数一。
                c、 _self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。但是我不太理解。
                d、 _top ：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。
     12.简述一下src与href的区别？  
         src用于替换当前元素， href 用于在当前文档和引用资源之间确立联系。
         src是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本， img 图片和 frame 等元素
         ref是 HypertextReference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加
       <linkhref='common.css' rel='stylesheet'/>
    13.表单
      1）组成：表单标签、表单域、表单按钮
      2）主要用途：表单主要负责采集数据，向服务器传送数据
      3）表单提交中Get和Post方式的区别？
         (1)、 get 是从服务器上获取数据， post 是向服务器传送数据。
         (2)、 get 是把参数数据队列加到提交表单的 ACTION 属性所指的 URL 中，值和表单内各个字段一一对应，在 URL 中可以看到。 post 是通过 HTTP post 机制，将表单内各个字段与其内容放置在 HTMLHEADER 内一起传送到 ACTION 属性所指的 URL 地址 , 用户看不到这个过程
          3)、对于 get 方式，服务器端用 Request.QueryString 获取变量的值，对于 post 方式，服务器端用 Request.Form 获取提交的数据。
          4)、 get 传送的数据量较小，不能大于 2KB 。 post 传送的数据量较大，一般被默认为不受限制。但理论上， IIS4 中最大量为 80KB ， IIS5 中为100KB 。
          (5)、 get 安全性低， post 安全性较高。
    14.Ajax 是什么？Ajax 的交互模型？同步和异步的区别？
       Ajax是什么：
         1.通过异步模式，提升了用户体验
         2.优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
         3.Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。
          Ajax的最大的特点：
            1.Ajax可以实现动态不刷新（局部刷新）
            2.readyState 属性状态 有5个可取值： 0 = 未初始化，1 = 启动， 2 = 发送，3 = 接收，4 = 完成
              Ajax同步和异步的区别:
               1.同步：提交请求 -> 等待服务器处理 -> 处理完毕返回，这个期间客户端浏览器不能干任何事
               2.异步：请求通过事件触发 -> 服务器处理（这是浏览器仍然可以作其他事情）-> 处理完毕ajax.open方法中，第3个参数是设同步或者异步。
       
       
      15.null和undefined的区别？
        null是一个表示"无"的对象，转为数值时为0，undefined是一个表示"无"的原始值，转为数值时为NaN。当声明的变量还未被初始化时，变量的默认值为undefined，null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。