2019前端经典面试题.docx

1，html和xml有什么区别
html是超文本标记语言xml是可扩展标记语言
html语法宽松，xml语法谨慎
html使用固有标记，xml没有固有标记
html标签预定义，xml标签可扩展，可定义
htmlge和Localstorage

比

cookies

大，能够达到

5m或更多
2有效时间
Localstorage储藏长久数据，浏览器封闭后也不会丢掉，除非主动删除数据Sessionstorage数据在封闭旅行器之后自动删除
Cookies设置的cookies过期时间以前一直有效，即便窗口和旅行器封闭。
3数据与服务器之间的交互方式
Cookies的数据会自动的传达到服务器，服务器端也能够写cookies
Sessionstorage和localstorage不会上传到服务器，仅在本地保存

到客户端
12，计算一个数组arr所有元素的和
alue;来获取输入框中的值
functionsum2( ){
vararr1=[1,2,3,4,5,6,7,8,9];
varsum1=0;
for(vari=0;i<=;i++){
if(typeofarr1[i]=="number"){
sum1+=arr1[i];
}
}
(sum1);
}
13，编写一个方法去掉数组里的重复内容vararr=[1,2,3,4,5,1,2,3]
functionarr1( ){
vararr2=[1,2,3,4,5,1,2,3];
vars=[];
for(i=0;i<;i++){
if(arr2[i])==-1){
(arr2[i]);
}
}
(s);
}
14，和innerHTML的区别是什么
是直接写入到页面的内容流，如果以前没有调用。那么浏览器会自动调用写

open，页面被重
innerHTML

将内容写入某个

DOM节点，不会致使页面全部重绘。精确。
15，ajax的步骤
Ajax异步JavaScript和xml
第一步，创立xmlhttprequest

能够局部刷新网页数据而不是从头加载整个网页
对象，varxmlhttp=newXmlHTTPrequest

（）；
Xmlhttprequest对象用来和服务器互换数据
Varxhttp；
If{
esize(function( ){
$(".myblock").css({
position:"absolute",
left:($(window).width( )-$(".myblock").outerWidth( ))/2,
top:
$(".myblock").outerHeight( ))/2

($(window).height( )
});

-
});
别的在页面载入时，就需要调用resize( )方法
$(function( ){
$(window).resize( );
});
19，三个盒子，左右定宽，中间自适应的方法有几个
第一种方法：左右采用浮动

中间采用

margin-left

和

margin-right

的方法
代码：
<divstyle="width:100%;margin:0auto;">
<divstyle="width:200px;float:right;background-color
#000000;">11</div>
<divstyle="width:200px;float:left;background-color
red;">33</div>
<divstyle="margin-left:200px;margin-right:
200px;background-color:green;">22</div>
</div>

:
: