web前端面试题总结

1.你做的页面在哪些浏览器测试过？这些浏览器的内核是什么？

image

2."=="和"==="的不同？

==， 两边值类型不同的时候，要先进行类型转换，再比较。

===，不做类型转换，类型不同的一定不等。

3.什么是盒子模型？

内容(content)、内边距(padding)、边框(border)、外边距(margin)

4.$(this)和this关键字在jQuery中有何不同？

this其实是一个Html 元素。

$this 只是个变量名，加$是为说明其是个jquery对象。

而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。

5.jQuery里的each()是什么函数？你是如何使用的？

each() 方法规定为每个匹配元素规定运行的函数。

$(function(){ 

   var array=["aaa","bbb","ccc"]; 

        $.each(array,function(i,j){  

            alert(i+":"+j);　　//i表示索引，j代表值 

        });

    })

6.$(document).ready()是一个什么函数？为什么要用它？

$(document).ready( )函数括号中的所有代码都会提前（只要DOM在浏览器中被注册完毕）被执行，而不是页面所有内容（例如图片等占用宽带的内容）加载完毕后才执行时间。

$(document).ready
是文档加载完毕的意思
在文档加载之前，读取dom元素就是空

7.列举几种常用的jQuery选择器？

jQuery 使用 CSS 选择器来选取 HTML 元素。
  $("p") 选取 <p> 元素。
  $("p.intro") 选取所有 class="intro" 的 <p> 元素。
  $("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器
  jQuery 使用 XPath 表达式来选择带有给定属性的元素。
  $("[href]") 选取所有带有 href 属性的元素。
  $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
  $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
  $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

8.ajax应用和传统web应用有什么不同？

微信图片_20190825143905.png

9.axaj全称是什么？介绍一下axaj？

AJAX的全称是Asynchronous JavaScript And XML.
ajax是异步的javascript和xml
作用是通过AjAx与服务器进行数据交换，AjAx可以使用网页实现布局更新

10.axaj的优缺点？

微信图片_20190825163421.png

11.简书axaj的原理？

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

12.请介绍一下XMLHttpRequest对象？

XMLHttpRequest 对象用于在后台与服务器交换数据。

13.null和undefined的区别？

null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。

undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。

14.HTML5的新特性？

微信图片_20190825163828.png